JavaScript的for of循环和for in循环与python的for in循环

版权声明：转载请注明作者（独孤尚良dugushangliang）出处： https://blog.csdn.net/dugushangliang/article/details/89086893

 

JavaScript的for in循环和for of循环挺有意思的，不过这两个都和python的for in循环有区别也有联系。

JavaScript的数组是python的列表，称谓不同而已。下面举例说明这三者的区别。

a=['a','b','c','d']

#下面的代码依次输出上面的python列表的值：abcd
for i in a:
    print(i)

#下面的代码依次输出上面的python列表的索引:0123
for i in range(len(a)):
    print(i)

上面是python代码，下面是JavaScript代码。

var a=['a','b','c','d'];

//下面的代码依次输出上面的JavaScript数组的值：abcd
for(var i of a){
    document.write(i);
}

//下面的代码依次输出上面的JavaScript数组的值：abcd
for(var i in a){
    document.write(a[i]);
}

//下面的代码依次输出上面的JavaScript数组的索引:0123
for(var i in a){
    document.write(i);
}

我们可以看到JavaScript的for in和for of都可以输出数组的值，只是表现形式不一样。那么这两种的结果是否完全相同呢？

看下面这个代码。

var a = new Array();
var x;
a[0] = 'a';
a[3] = 'b';
a[4] = 'c';
a[10] = 'd';

for( x in a ){
  document.write(x+' ');    // 依次显示出 0 3 4 10
} 

for( x in a ){
  document.write(a[x]+' ');   // 依次显示出 a b c d
} 

for( x of a ){
  document.write(x+' ');  // 依次显示出 a undefined undefined b c undefined undefined undefined undefined undefined d
} 

这是因为for in会自动跳过没有赋值的元素，而for of不会，对于没有赋值的元素，其值是undefined。

 

独孤尚良dugushangliang——著