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])
}

以上代码会出现的问题:

• index值 会是字符串类型
• 循环不仅会遍历数组元素,还会变里任意其他自定义添加的属性,如:objArr上面包含的自定义属性,objArr.name 那这次循环中也会出现name属性
• 某些情况下,上述代码会随机循环数组
  -for-in 循环设计之初,是给普通以字符串的值为key的对象使用的,而不是数组

for-of介绍

语法

for (variable of iterable) {
    statement
}
variable：每个迭代的属性值被分配给该变量。
iterable：一个具有可枚举属性并且可以迭代的对象。

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

• 可以避免所有for-in循环的陷阱
• 不同于forEach(),可以使用break,continue和return
• for-of循环不仅仅支持数组的遍历.同样使用很多类似数组的对象
• 也支持字符串的遍历
• 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]);
}