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)

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

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

forEach:

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

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

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

参考资料

猜你喜欢

转载自blog.csdn.net/Aproducer/article/details/82226258