对于在处理JavaScript中的对象时，in是有用的，但对Array来说不是，但我们仍然不能说这是错误的方法，但不建议这样做，请看下面的示例，使用for。。。循环中：

let txt = "";
const person = {fname:"Alireza", lname:"Dezfoolian", age:35}; 
for (const x in person) {
    txt += person[x] + " ";
}
console.log(txt); //Alireza Dezfoolian 35 

好了，让我们现在使用Array：

let txt = "";
const person = ["Alireza", "Dezfoolian", 35]; 
for (const x in person) {
   txt += person[x] + " ";
}
console.log(txt); //Alireza Dezfoolian 35 

正如你看到的结果一样。。。

但让我们尝试一下，让我们为Array原型。。。

Array.prototype.someoneelse = "someoneelse";

现在我们创建一个新的Array（）；

let txt = "";
const arr = new Array();
arr[0] = 'Alireza';
arr[1] = 'Dezfoolian';
arr[2] = 35;
for(x in arr) {
 txt += arr[x] + " ";
}
console.log(txt); //Alireza Dezfoolian 35 someoneelse

你看到别人了！！！。。。在本例中，我们实际上循环通过新的Array对象！

这就是为什么我们需要使用。。小心，但情况并非总是这样。。。

截至2016年（ES6），我们可能会使用for…for数组迭代，正如John Slegers已经注意到的那样。

我只想添加一个简单的演示代码，以使事情更清楚：

Array.prototype.foo = 1;
var arr = [];
arr[5] = "xyz";

console.log("for...of:");
var count = 0;
for (var item of arr) {
    console.log(count + ":", item);
    count++;
    }

console.log("for...in:");
count = 0;
for (var item in arr) {
    console.log(count + ":", item);
    count++;
    }

控制台显示：

for...of:

0: undefined
1: undefined
2: undefined
3: undefined
4: undefined
5: xyz

for...in:

0: 5
1: foo

换句话说：

对于的计数从0到5，并且还忽略Array.prototype.foo。它显示数组值。对于中只列出了5个，忽略了未定义的数组索引，但添加了foo。它显示数组属性名称。

此外，由于语义的原因，在treats数组（即与任何其他JavaScript对象相同）中使用的方法与其他流行语言不一致。

// C#
char[] a = new char[] {'A', 'B', 'C'};
foreach (char x in a) System.Console.Write(x); //Output: "ABC"

// Java
char[] a = {'A', 'B', 'C'};
for (char x : a) System.out.print(x);          //Output: "ABC"

// PHP
$a = array('A', 'B', 'C');
foreach ($a as $x) echo $x;                    //Output: "ABC"

// JavaScript
var a = ['A', 'B', 'C'];
for (var x in a) document.write(x);            //Output: "012"

因为它通过对象字段而不是索引枚举。你可以用索引“length”获得值，我怀疑你是否想要这个。

虽然这个问题没有特别提到，但我想补充一点，有一个很好的理由永远不要使用。。。在中使用NodeList（就像从querySelectorAll调用中获得的那样，因为它根本看不到返回的元素，而只在NodeListneneneba属性上迭代。

在单个结果的情况下，我得到：

var nodes = document.querySelectorAll(selector);
nodes
▶ NodeList [a._19eb]
for (node in nodes) {console.log(node)};
VM505:1 0
VM505:1 length
VM505:1 item
VM505:1 entries
VM505:1 forEach
VM505:1 keys
VM505:1 values

这解释了为什么我的for（节点中的节点）node.href=newLink；正在失败。

因为。。。in通过持有数组的对象枚举，而不是数组本身。如果我向数组原型链中添加了一个函数，那么它也将包含在内。即。

Array.prototype.myOwnFunction = function() { alert(this); }
a = new Array();
a[0] = 'foo';
a[1] = 'bar';
for(x in a){
 document.write(x + ' = ' + a[x]);
}

这将写入：

0 = foo
1 = bar
myOwnFunction = function() { alert(this); }

而且，由于您永远无法确定不会向原型链中添加任何内容，因此只需使用for循环来枚举数组：

for(i=0,x=a.length;i<x;i++){
 document.write(i + ' = ' + a[i]);
}

这将写入：

0 = foo
1 = bar