javascript - 如何将数字存储在数组中？

Question

我构建了一个程序来检查两个不同数组中是否有两个公共(public)数字，然后记录这些数字。我能够使用一个简单的 for 循环来做到这一点，该循环遍历第一个数组的每个元素并检查第二个数组中是否有相等的元素。数组中的每个相同元素都存储在名为“commonNumbers”的第三个数组中，我在程序末尾记录了该数组。

const firstNumbers = [12, 45, 6, 78] 
const secondNumbers = [6, 7, 12, 45] 
let commonNumbers = []

for (let i = 0; i < firstNumbers.length; i++) {
    for (let j = 0; j < secondNumbers.length; j++) {
        if (firstNumbers[i] === secondNumbers[j]) {
            commonNumbers += secondNumbers[j]
        }
    } }

console.log(commonNumbers)

这个例子的结果是seguent:

12456
[Finished in 0.2s]

我的问题是关于结果。我可以看到该程序实际运行并在数组(12、45、6)中记录了相同的元素，但我不明白为什么“commonNumbers”以数字之间没有空格的方式存储结果.

我想清楚地看到每个数字。

例如，如果我调用“commonNumbers”(索引为 0)的第一个元素:commonNumbers[0] 我将得到的结果不是预期的“12”，而是“1”。如果我说:commonNumbers[2] 结果将是“4”，而不是“6”，也会发生同样的事情。

显然，“commonNumbers”数组以我期望的不同方式存储元素。我该如何解决这个问题，使用这种“存储”方法？

Answer 1

这是因为 +=，在你的数组上，隐式地将它转换为一个 string，正如你在下面的例子中看到的，其中一个 Number 汇总为一个数组。

console.log(typeof([] + 1));

只需使用舒适的 .push(read more about push here) 数组方法来添加元素:

const firstNumbers = [12, 45, 6, 78] 
const secondNumbers = [6, 7, 12, 45] 
let commonNumbers = []

for (let i = 0; i < firstNumbers.length; i++) {
    for (let j = 0; j < secondNumbers.length; j++) {
        if (firstNumbers[i] === secondNumbers[j]) {
            commonNumbers.push(secondNumbers[j]);
        }
    } }

console.log(commonNumbers)

作为(最后的)旁注，还有其他几种方法可以完成您的任务，您可能会使用的最聪明的方法是 filter。您可能还会处理最终的重复项，因为如果您的输入数组有两个相同的数字，则 commonsNumber 结果将同时包含这两个数字，这可能是无意的。

尝试同时处理重复项并循环较短数组的“最终”聪明解决方案是这样的:

// Inputs with duplicates, and longer array on second case.
const firstNumbers = [12, 45, 6, 78, 12, 12, 6, 45]; 
const secondNumbers = [6, 7, 12, 45, 45, 45, 12, 6, 99, 19, 5912, 9419, 1, 4, 8, 6, 52, 45];

// Performance: look for duplicates starting from the shortest array. Also, make a set to remove duplicate items.
const [shortestArray, longestArray] = firstNumbers.length < secondNumbers.length ? [firstNumbers, secondNumbers] : [secondNumbers, firstNumbers];


// Remove duplicates.
const dedupes = [...new Set(shortestArray)];

// Find commomn items using filter.
const commons = dedupes.filter(i => longestArray.indexOf(i) > -1);
console.log('commons is', commons);

不要误会我的意思，解决方案很好，只是想在样板中添加“一些东西”，以处理最终的其他情况。