关于js中的for(var in)遍历属性报错问题

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1.for循环

var
arr = [];
for (var i = 0; i < arr.length; i++) {
if (条件1)
return;
if (条件2)
break;
if (条件3)
continue;
};

js最常用的循环必然是for循环，最基础的用法，用于数组遍历，但是代码书写过多。

var
arr = [];
Array.prototype.customFunc = function () { };
for (var item in arr) {
if (!arr.hasOwnProperty(item)) {
if (条件1)
return;
if (条件2)
break;
if (条件3)
continue;
}
};

var in的形式遍历用于遍历数组并不理想，这个遍历方式是遍历属性的，特殊情况下是可以使用，使用这种遍历方式会将数组本身的属性也遍历出来，比如我们在Array上扩展一个方法customFunc，此时遍遍历数组会将customFunc也遍历出来达不到预期效果，非要用怎么办，加一层判断利用hasOwnProperty方法将数组原型中的属性扣出去，这样遍历就不用担心前面的问题了。

2.ES5遍历方式

var
arr = [];
arr.forEach((item, index) => {
if (条件)
return;
})

forEach是ES5定义的一种遍历方式，这个方法用起来很方便，但是弊端是无法使用break，continue，也就是无法跳出一次循环，只能用return结束整个函数执行，这点就比较尴尬了，如果有跳出循环的逻辑还是用for循环吧。效率上for循环也高于forEach。

3.ES6遍历方式

var
arr = [];
for (var item of arr) {
if (条件1)
return;
if (条件2)
break;
if (条件3)
continue;
}

ES6的for循环写法。这种方式非常好，弥补了for(var in)的弊端，也弥补了forEach的弊端。而且这种遍历方式还可以对String、Object等等进行遍历。

以上列举了一下常用的遍历方式，在这里mark一下。