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()可以使用breakcontinue,和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 phoneBookeMap){
    console.log(key+"'s phone number is:"+value);
}
map是键值对组成,需要使用ES6的新特性解构

for-of 遍历原生对象

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