来源:https://www.cnblogs.com/ja-clin/p/6556793.html
总结:
- forEach 遍历数组的话,不能用break跳出循环,也不能用return返回外层,可以通过抛异常的形式提前终止遍历。
- for-in 循环用来遍历对象属性,不建议用for-in循环遍历数组
- for-of 循环用来遍历数据--如数组中的值。它和forEach不同,它可以break、continue、return。同时又避开了for-in 的缺点,可以遍历数组,大多数类数组对象(dom的NodeList),字符串,map和set。break会终止本次for循环,return怎会终止整个方法继续运行下去。
一、forEach
如果要提前终止,必须把forEach()方法放在一个try块中,并能抛出一个异常。如果forEach()调用的函数抛出foreach.break异常,循环会提前终止。
function foreach(a,f,t){
try { a.forEach(f,t); }
catch(e){
if(e === foreach.break)return;
else throw e;
}
}
foreach.break = new Error("StopIteration");
二、for...in
for...in
循环只遍历可枚举属性。像 Array 和 Object , Number等 js中基本包装类型的原型属性是不可枚举的 , 它们是使用内置构造函数所创建的对象都会继承自 Object.prototype 和 String.prototype 的不可枚举属性,例如
String
的
indexOf()
方法或者
Object 的
toString
方法。
循环将迭代对象的所有可枚举属性和从它的构造函数的 prototype 继承而来的(包括被覆盖的内建属性)。
可以注意到for-in循环
能够枚举继承的属性名,所以在
数组上不建议使用for-in循环。
可以使用 hasOwnProperty方法来过滤。所有继承了
Object
的对象都会继承到
hasOwnProperty
方法。这个方法可以用来检测一个对象是否含有特定的自身属性;和
in
运算符不同,该方法会忽略掉那些从原型链上继承到的属性。
for(var i in a){
if(!a.hasOwnProperty(i)) continue;//跳过继承的属性
//循环体
}
不建议用for-in循环遍历数组还有以下几点原因:
- 代码中的index不是数字,是字符串“0”、“1”、“2”,可能无意间进行字符串的计算“2”+1=“21”等。
- 代码可能按照随机顺序遍历数组元素。
for-in是为了对象设计的,可以遍历字符串型的键。
ps:属性的枚举性还会影响以下两个函数的结果: Object.keys() ; JSON.stringify(); 它们只能返回对象本身具有的可枚举属性。
三、for-of循环
for(var value of myArray){
console.log(value);
}
它和forEach不同,它可以break、continue、return。同时又避开了for-in 的缺点。
for-of可以遍历:
- 数组
- 大多数类数组对象:如DOM的NodeList对象
- 字符串
- 也支持map和set对象的遍历
例如
//遍历Set
//基于单词数组创建一个set对象
var uniqueWords= new Set(words);
for(var word of uniqueWords){
console.log(word);
}
//遍历Map
//map是键值对组成的,所以需要解构来将键值对拆解为两个独立变量:
for(var[key,value] of phoneBookMap){
console.log(key+"'s phone number is:" + value);
}
for-of不支持普通对象,如果你想迭代一个对象属性,可以用for-in循环或内建Object.keys()方法:
for(var key of object.keys(someObject)){
console.log(key+":"+someObject[key]);
}