for of 、for in、forEach比较
forEach
forEach无法中途跳出forEach循环,break、continue和return都不奏效。
for in
for...in 循环只遍历可枚举属性。
像 Array和 Object使用内置构造函数所创建的对象都会继承自Object.prototype和String.prototype的不可枚举属性,例如 String 的 indexOf() 方法或 Object的toString()方法。
循环将遍历对象本身的所有可枚举属性,以及对象从其构造函数原型中继承的属性(更接近原型链中对象的属性覆盖原型属性)。
for...in不应该用于迭代一个 Array,其中索引顺序很重要。
for in 循环的输出顺序问题
先遍历出整数属性(integer properties,按照升序),然后其他属性按照创建时候的顺序遍历出来。
var obj = { a:1,'2':1,'1':1, d:1, c:1,'3':1}
obj.b=66;
for(var key in obj) { console.log(key ); }
//"1","2","3","a","d","c","b"
Object.keys(obj);
//["1","2","3","a","d","c","b"]
Object.keys()和for in 具有相同的排列顺序
for of
有着同for...in一样的简洁语法,但是没有for...in那些缺点。
不同于forEach方法,它可以与break、continue和return配合使用。
提供了遍历所有数据结构的统一操作接口。
1.for..of适用遍历数/数组对象/字符串/map/set等拥有迭代器对象的集合.但是不能遍历对象,因为没有迭代器对象.与forEach()不同的是,它可以正确响应break、continue和return语句
2.for-of循环不支持普通对象,但如果你想迭代一个对象的属性,你可以用for-in循环(这也是它的本职工作)或内建的Object.keys()方法:
for(varkeyofObject.keys(someObject)){console.log(key+": "+someObject[key]);}
遍历map对象时适合用解构,例如;
for(var[key,value]of phoneBookMap){console.log(key+"'s phone number is: "+value);}