for..in 、 for .. of 和 forEach的用法区别

用法：

let arr = ['a', 'b', 'c'];
for(let i in arr) {
	console.log(i, arr[i]); //0 a , 1 b , 2 c
}
for(let x of arr) {
	console.log(x); // a , b , c
}
arr.forEach(function(element, index, array) {
	console.log(element, index, array); //a 0 ["a", "b", "c"]，b 1 ["a", "b", "c"]，c 2 ["a", "b", "c"]
})

区别：

for..in 可用于遍历对象属性

for..of （ES6引入）、forEach （ES5.1引入）用于遍历iterable类型的集合（ES6引入的iterable类型包括Array、Map和Set,或者具有iterable接口的其他数据类型）

 

for..in 遍历的是对象的属性名称，如果定义arr.name="array"，那么遍历时会将name属性也输出，但array对象的length属性（继承属性）却不包括在内。

for..of 则完全修复了这些问题，它只循环集合本身的元素。for..of还有一个用法是可以循环迭代generator对象

forEach：

Set与Array类似，但是Set没有索引，因此forEach回调函数的前两个元素都是本身。

Map的回调函数依次为value、key和map本身。

如果对某些参数不感兴趣，由于JavaScript的函数调用不要求参数必须一致，因此可以忽略他们。

 

参考资料