for..in 与 for...of_for (var a of arr)-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_18314469/article/details/79360880

本文通过示例对比了ES6中for...of与for...in两种循环方式的不同之处，揭示了循环变量指向的区别及由此产生的不同输出结果。

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

for...of 是ES6新引入的语法，今天尝试用了一下并和 for...in做了对比，代码如下：

 
  var arr=['1',2,'A']; 
 
  console.log("用for...in遍历："); 
 
  for(var i in arr){ 
 
   console.log(i+":"+arr[i]); 
 
  } 
 
  console.log("用for...of遍历："); 
 
  for(var a of arr){ 
 
   console.log(a+":"+arr[a]); 
 
  }

输出了如下结果：

用for...in遍历：
0:1
1:2
2:A
用for...of遍历：
1:2
2:A

A:undefined

这个 A:undefined 是从哪里来的呢？？？？？然后又看了一下用 for...of 遍历输出的结果，怎么不是从0开始输出呢？仔细看了一下，这个输出结果貌似也是有规律可循的，第一列全都是数组里面的元素，第二列可以认为是第一列元素的下一个元素。最后又尝试了下面的代码：

 
  var arr=[ 
  '1', 
  2, 
  'A']; 
 
  for( 
  var a 
  of arr){ 
 
   console.log(a); 
 
   }

输出结果：

1
2

这样我就明白了，for...in 的循环变量指向的是数组的下标，而 for...of 的循环变量直接指向了数组中的元素。在第一个例子中元素‘A’作为索引时，没有与其相对应的元素，所以输出了 undefined。