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值会是字符串(string)类型- 循环不仅会遍历数组元素,还会遍历其他任意自定义添加的属性,如
objArr上面包含的自定义属性,objArr.name,那这次循环中也会出现name属性 - 在某些情况下上述代码会随机循环数组
for-in循环设计之初,是给普通义字符串的值的key的对象使用的,而非数组。for-of介绍
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 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]);
}本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
评论已关闭