javascript - JavaScript 中需要解释 : Different outputs when used for. ..in 和 for(;;)

Question

在 NodeJS 中，我创建了以下两个脚本，它们都旨在从数组中删除偶数。

这是我的第一个脚本:

#!/usr/bin/nodejs
var myarr = [2,3,5,1,6,2,28,5,7,90,3];
console.log(myarr);
for(var i in myarr){
        if(myarr[i] % 2 == 0){
                myarr.splice(i,1);
                --i;
        }
}
console.log(myarr);

第一个脚本的输出如下:

[ 2, 3, 5, 1, 6, 2, 28, 5, 7, 90, 3 ]
[ 3, 5, 1, 2, 5, 7, 3 ]

在第二个脚本中，我将 for..in 循环更改为 for(;;) 循环，如下所示:

#!/usr/bin/nodejs
var myarr = [2,3,5,1,6,2,28,5,7,90,3];
console.log(myarr);
for(var i=0;i<myarr.length;i++){
        if(myarr[i] % 2 == 0){
                myarr.splice(i,1);
                --i;
        }
}
console.log(myarr);

我得到了第二个脚本的以下输出:

[ 2, 3, 5, 1, 6, 2, 28, 5, 7, 90, 3 ]
[ 3, 5, 1, 5, 7, 3 ]

虽然我的意图是一样的，但是两个 for 循环给了我不同的输出。我发现，在我的第一个脚本中，如果原始数组中存在两个相邻的偶数，if 条件似乎仅适用于第一个偶数，而第二个偶数被跳过。如果有人能清楚地解释这种差异，我将不胜感激。

Answer 1

你的做法是错误的。您正在从数组中删除键，同时循环遍历同一数组。您的 for...in 循环只会执行 7 次迭代，因为您的 4 个键是从数组中拼接出来的，而数组仍在迭代中，而您的 for(;;) 循环将始终执行所有 11 次迭代，因为这是在开头定义的 (myarr.length)。

您应该定义第二个数组来代替您的结果:

对于...在

var myarr = [2,3,5,1,6,2,28,5,7,90,3],
    resultarr = [];
console.log(myarr);
for(var i in myarr){
    if(myarr[i] % 2 != 0){
        resultarr.push(myarr[i])
    }
}
console.log(resultarr);

-> [3, 5, 1, 5, 7, 3]

为(;;)

var myarr = [2,3,5,1,6,2,28,5,7,90,3],
    resultarr = [];
console.log(myarr);
for(var i=0;i<myarr.length;i++){
    if(myarr[i] % 2 != 0){
        resultarr.push(myarr[i]);
    }
}
console.log(resultarr);

-> [3, 5, 1, 5, 7, 3]

---

作为结束语，您无论如何都不应该使用 for...in 循环遍历数组。 This answer详细说明为什么这是个坏主意。