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