forEach、for-in与for-of的区别

forEach、for-in与for-of的区别

forEach介绍

objArr.forEach(function (value) {
  console.log(value);
});

foreach 方法没办法使用 break 语句跳出循环，或者使用return从函数体内返回

for-in介绍

for(var index in objArr){
	console.log(objArr[index])
}

以上代码会出现的问题：

1.index 值 会是字符串（String）类型

2.循环不仅会遍历数组元素，还会遍历任意其他自定义添加的属性，如，objArr上面包含自定义属性，objArr.name，那这次循环中也会出现此name属性

3.某些情况下，上述代码会以随机顺序循环数组

for-in循环设计之初，是给普通以字符串的值为key的对象使用的。而非数组。

for-of介绍

for(let value of objArr){
	console.log(value)
}

1.可以避免所有 for-in 循环的陷阱

2.不同于 forEach()，可以使用 break, continue 和 return

3.for-of 循环不仅仅支持数组的遍历。同样适用于很多类似数组的对象

4.它也支持字符串的遍历

5.for-of 并不适用于处理原有的原生对象

for-of 遍历 Set

var uniqueWords = new Set(words);

for (var word of uniqueWords) {
  console.log(word);
}

for-of 遍历 Map

for (var [key, value] of phoneBookMap) {
  console.log(key + "'s phone number is: " + value);
}

Map是键值对组成，需要用到 Es6新特性解构

for-of 遍历原生对象

// 输出对象自身可以枚举的值
for (var key of Object.keys(someObject)) {
  console.log(key + ": " + someObject[key]);
}