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. 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]);
}复制代码
相关文章
相关标签/搜索