摘要:for-in遍歷方式的循環計數器是字符串類型,遍歷對象時為對象屬性/方法名,遍歷數組時為數組元素下標索引,與普通的for循環不同,for-in會將繼承的屬性/方法列出,這一點在使用時需要特別關注。
除了傳統的for循環,JavaScript為遍歷操作定義了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()方法。