慎用 JS 中的 for (var index in items) 循環(huán)數(shù)組項(xiàng)

JavaScript 循環(huán)數(shù)組的項(xiàng),我們一般人用 for (var i = 0; i < items.length; i++),也有人用 for (var index in items)。
我們要慎用 for (var index in items),為什么呢?

首先這個(gè)與 C# 中的 foreach 不一樣,foreach 中的 index 表示的是項(xiàng),而這里 index 是表示項(xiàng)索引,也就是 0、1、2、3……
這還不是致命的,看下面的示例:

Paste_Image.png

我們看到會彈出三個(gè)對話框,分別是:0、1、copy,也就是說除了項(xiàng)的數(shù)值索引 0、1,還多了一個(gè) copy,而這個(gè) copy 就是因?yàn)?Array.prototype.copy 擴(kuò)展得到的。所以說不要把 for (var index in items) 當(dāng)作是 for (var i = 0; i < items.length; i++) 的一種簡寫,二者具有不同的意義。

for in可以獲取object的所有屬性,包括自定義屬性以及原型鏈屬性。

hasOwnProperty()只能獲取自定義屬性,無法獲取原型鏈屬性。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容