JavaScript for-in 遍历与 hasOwnProperty 过滤原型属性详解

for-in 遍历数组的默认行为

例如： 存在如下代码片段：

var array = [];
array.push(1);
array.push(2);
array.push(3);
for(var i in array) {
console.log(i+":"+array[i]);
}

运行结果如何？预期输出为 0:1 1:2 2:3

原型属性被意外遍历的问题

若在for in循环前执行 Array.prototype.say = "hello";

重新运行代码，输出结果变为？

0:1 1:2 2:3 say:hello

由此可见，此时会输出原型链上的属性

使用 hasOwnProperty 过滤原型属性

多数场景下无需遍历原型属性，此外，当前使用的对象可能因其他开发人员在其原型上添加属性而变得不确定。因此，需过滤对象自身的属性，此时便用到hasOwnProperty方法，示例如下：

for(var i in array){
if(array.hasOwnProperty(i)) {
console.log(i+":"+array[i]);
}
}

再次思考输出结果？预期仍为 0:1 1:2 2:3。