如今有for-in循环和for-of循环两种增强型循环。
for-in是ES5标准,遍历的是key(可遍历对象、数组或字符串的key);
for-of是ES6标准,遍历的是value(可遍历对象、数组或字符串的value)
for-in
代码示例:
var arr = [1, 2, 4, 5, 7];
for (let index in arr) {
console.log(arr[index]);
}
使用for-in可以遍历数组,但是会存在以下问题:
1.index索引为字符串型数字(注意,非数字),不能直接进行几何运算
2.遍历顺序可能不是按照实际数组的内部顺序(可能按照随机顺序)
3.使用for-in会遍历数组所有的可枚举属性,包括原型。 例如上例的原型方法method和name属性都会被遍历出来,通常需要配合hasOwnProperty()方法判断某个属性是否该对象的实例属性,来将原型对象从循环中剔除
for (var key in myObject) {
if(myObject.hasOwnProperty(key)){
console.log(key);//剔除掉从原型对象继承下来的可枚举属性
}
}
因此for-in更适合遍历对象,通常是建议不要使用for-in遍历数组。
for-of
它可以正确并且简单地遍历数组(不会遍历原型method和name)
var myArray = [1, 2, 4, 5, 6, 7];
Array.prototype.name = "数组";
Array.prototype.getName = function() { console.log(this.name) }
for (var value of myArray) {
console.log(value);
}
1.这是最简洁、最直接的遍历数组元素的语法
2.这个方法避开了for-in循环的所有缺陷
3.与forEach()不同的是,它可以正确响应break、continue和return语句(使用forEach遍历数组,使用break语句无法中断循环,使用return语句无法返回到外层函数。)
若使用for-of遍历数组,for-of遍历的只是数组内的元素,而不包括数组的原型属性method和索引name。
总结
for in
遍历的是数组的索引(即键名),而for of
遍历的是数组元素值(键值)。
for-in得到对象的key或数组、字符串的下标。
for-of得到对象的value或数组、字符串的值,还可以用于遍历Set和Map。
var set = new Set();
set.add("a").add("b").add("d").add("c");
// 遍历Set
for (let s of set) {
console.log(s);
}
for (let t in set) {
console.log(t);//无法对set使用
}
var map = new Map();
map.set("a", 1).set("b", 2).set(999, 3);
// 遍历Map
for(let [k, v] of map) {
console.log(k, v);
}
for (let p in map) {
console.log(t);//无法对map使用
}