for in 和 for of 的区别

最新推荐文章于 2026-04-25 13:24:37 发布

原创最新推荐文章于 2026-04-25 13:24:37 发布 · 1.7w 阅读

40 ·

本内容遵循CC 4.0 BY-SA版权协议

JS 专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了JavaScript中forin和forof两种遍历方式的区别。forin主要用于遍历对象的属性键，而forof则遍历数组元素值。在ES6中，forof成为遍历数组和某些数据结构的首选，因为它不会遍历到原型链上的属性。对于遍历对象，可以使用forin或Object.keys()。总结来说，forin关注索引（键），forof关注值。

for in 和 for of 简单来说就是它们两者都可以用于遍历，不过for in遍历的是数组的索引（index），而for of遍历的是数组元素值（value）

for in（ES1）

for in和for循环方式历史悠久，从ECMAScript 1就被支持。
for in 用来循环数组不是一个合适的选择。
迭代的是属性key，不是值。
由于属性 key 是字符串，迭代出的元素索引是 string,不是 number，不能直接进行运算，如下

var arr = [1,2,3]
    
for (let index in arr) {
  let res = index + 1
  console.log(res)
}
//01 11 21

for of（ES6）

再来说说ES6 中的 for of
for of遍历的是数组元素值，而且for of遍历的只是数组内的元素，不包括原型属性和索引

var arr = [1,2,3]
arr.a = 123
Array.prototype.a = 123
    
for (let value of arr) {
  console.log(value)
}
//1 2 3

for of适用遍历数/数组对象/字符串/map/set等拥有迭代器对象（iterator）的集合，但是不能遍历对象，因为没有迭代器对象，但如果想遍历对象的属性，你可以用for in循环（这也是它的本职工作）或用内建的Object.keys()方法

var myObject={
　　a:1,
　　b:2,
　　c:3
}
for (var key of Object.keys(myObject)) {
  console.log(key + ": " + myObject[key]);
}
//a:1 b:2 c:3

小结
for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值

for in总是得到对象的key或数组、字符串的下标

for of总是得到对象的value或数组、字符串的值