JavaScript for-in 遍历机制与继承属性陷阱解析

概述：for-in循环的迭代变量类型为字符串。遍历对象时，该变量代表属性或方法名称；遍历数组时，代表元素索引。与普通for循环不同，for-in会包含继承的属性或方法，使用时需特别注意此特性。

for-in 遍历机制概述

JavaScript在常规for循环之外提供了for-in遍历机制，其具体行为因数据源类型而异。

遍历对象时的行为

（1）对象遍历示例：

 
var fish = {
head : 1,
tail : 1,
} 
for(var prop in fish) {
console.log(fish[prop]);
} 

调试观察：prop值依次为'head'和'tail'。这表明遍历对象属性时，迭代变量以字符串形式存在，其值为属性名。

遍历数组时的行为

（2）数组遍历示例

 
var arr = ['one', 'two', 'three'];
for(var prop in arr) {
console.log(prop);
} 

调试观察：prop值依次为'0'和'1'。遍历数组时，迭代变量同样为字符串类型，但其值为元素下标。（若改用普通for循环，输出结果与for-in一致）

原型链属性的影响与处理

若代码中增加以下逻辑：

 
if(Object.prototype.clone === 'undefined')
Object.prototype.clone = function() {};

则输出结果变为：0,1,clone

此时若使用普通for循环，输出仍为0,1。这说明for-in会遍历数据源所属类型的所有属性（包括继承属性，如对fish对象使用for-in也会输出clone）。因此，使用for-in时需保持警惕：若仅需操作对象自有属性，必须剔除继承属性，例如使用hasOwnProperty()方法。