<center>详解Js里的for…in和for…of的用法</center>

系统管理员 2021-12-10 06:47 237阅读 0赞

使用for in 也可以遍历数组，但是会存在以下问题：

1.index索引为字符串型数字，不能直接进行几何运算

2.遍历顺序有可能不是按照实际数组的内部顺序

3.使用for in会遍历数组所有的可枚举属性，包括原型。例如上栗的原型方法method和name属性

所以for in更适合遍历对象，不要使用for in遍历数组。

那么除了使用for循环，如何更简单的正确的遍历数组达到我们的期望呢（即不遍历method和name），ES6中的for of更胜一筹

**记住，for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。**

for of遍历的只是数组内的元素，而不包括数组的原型属性method和索引name

var a = ['A', 'B', 'C'];
    for (var i in a) {
     alert(i); // '0', '1', '2'
     alert(a[i]); // 'A', 'B', 'C'
    }

for … of循环是ES6引入的新的语法，用for … of循环遍历集合，用法如下：

for … in循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素的索引被视为一个属性。  
当我们手动给Array对象添加了额外的属性后，for … in循环将带来意想不到的意外效果：

var a = ['A', 'B', 'C'];
    a.name = 'Hello';
    for (var x in a) {
     alert(x); // '0', '1', '2', 'name'
    }

for … in循环将把name包括在内，但Array的length属性却不包括在内。

for … of循环则完全修复了这些问题，它只循环集合本身的元素：

var a = ['A', 'B', 'C'];
    a.name = 'Hello';
    for (var x of a) {
     alert(x); // 'A', 'B', 'C'
    }

还没有评论，来说两句吧...