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

2,850 阅读1分钟

forEach介绍

objArr.forEach(function (value) {
  console.log(value);
});
foreach 方法没办法使用 break 语句跳出循环,或者使用return从函数体内返回


for-in介绍

for(var index in objArr){
    console.log(objArr[index])
}
以上代码会出现的问题:
  1. 1.index 值 会是字符串(String)类型
  2. 2.循环不仅会遍历数组元素,还会遍历任意其他自定义添加的属性,如,objArr上面包含自定义属性,objArr.name,那这次循环中也会出现此name属性
  3. 3.某些情况下,上述代码会以随机顺序循环数组
for-in循环设计之初,是给普通以字符串的值为key的对象使用的。而非数组。


for-of介绍

for(let value of objArr){
    console.log(value)
}
  1. 1.可以避免所有 for-in 循环的陷阱
  2. 2.不同于 forEach(),可以使用 break, continue 和 return
  3. 3.for-of 循环不仅仅支持数组的遍历。同样适用于很多类似数组的对象
  4. 4.它也支持字符串的遍历
  5. 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]);
}