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

最新推荐文章于 2025-07-10 10:40:05 发布

原创最新推荐文章于 2025-07-10 10:40:05 发布 · 2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#for in #for of #循环 #python #JavaScript

Python 同时被 2 个专栏收录

39 篇文章

订阅专栏

JavaScript

2 篇文章

订阅专栏

本文详细对比了JavaScript中的for-in循环与for-of循环的特点及使用场景，并通过实例展示了两者在处理数组（列表）时的区别，特别是针对未赋值元素的表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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——著