简述js中 for in 与 for of 区别

最新推荐文章于 2025-08-14 22:09:19 发布

原创最新推荐文章于 2025-08-14 22:09:19 发布 · 1.9w 阅读

30 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #for-in #for-of

javascript 同时被 3 个专栏收录

111 篇文章

订阅专栏

es6

6 篇文章

订阅专栏

es5

3 篇文章

订阅专栏

本文对比了ES5中的for...in语法用于遍历对象属性与ES6中的for...of语法用于遍历数组等可迭代对象的区别。通过具体示例说明了两者在遍历过程中的不同行为。

for in是ES5标准，遍历key.
for of是ES6标准，遍历value.

for (var key in arr){
    console.log(arr[key]);
}

for (var value of arr){
    console.log(value);
}

一个比较神奇的例子：

Object.prototype.objCustom = function () {}; 
Array.prototype.arrCustom = function () {};

let iterable = [3, 5, 7];
iterable.foo = "hello";

for (let i in iterable) {
  console.log(i); //  0, 1, 2, "foo", "arrCustom", "objCustom"
}


for (let i of iterable) {
  console.log(i); // 3, 5, 7