javascript - js中數(shù)組的undefined為什么不會被遍歷
問題描述
問題描述并不全面
我的問題是,當我的數(shù)組是如下定義的時候:
let a = [undefined, undefined]a[9] = 1console.log(a)//[undefined, undefined, undefined × 7, 1]
這里自動生成的undefined與我定義的有什么區(qū)別嗎?
為什么我用自帶遍歷的時候也不會遍歷到他們?
a.forEach(it => console.log(it)) // 也只會有三個結果
問題解答
回答1:因為你定義的是一個稀疏數(shù)組(sparse array,數(shù)組長度比數(shù)組元素個數(shù)大的數(shù)組). 可以用in檢測它的數(shù)組元素是否存在:
’0’ in a // true,索引存在.’1’ in a // true’2’ in a // false,索引不存在’9’ in a // true
而 forEach 只會遍歷原本那些索引存在的元素.
回答2:這里自動生成的undefined與我定義的有什么區(qū)別嗎?
這是數(shù)組的一個陷阱,此 undefined 非彼 undefined。自動生成的叫“empty slots”,恰好 chrome 對它顯示 undefined 而已。你也可以看到,真正的 undefined 是一個個輸出來的,empty slots 是輸出“undefined × 7”這樣的字樣。
forEach, map 之類的都會跳過 empty slots。解決方法可以參考
console.log(Array.from(a))回答3:
因為forEach就是這么寫的,自帶的forEach遇到undefined會continue你可以自己寫一個不跳過的版本
回答4:你可以換一個角度想這個問題:var a = [1,2,3,4]delete a[0]console.log(a)//[undefined × 1, 2, 3, 4]a.length//4a.forEach(it=>console.log(it))// 2 3 4回到問題上,forEach封裝的時候,會跳過這個“undefined”,你可以重寫一下這個方法,無論是什么樣子的值,應該都是可以正常打印的
相關文章:
1. javascript - 在靜態(tài)頁面上用load 引入的頁面文件問題?2. 代理 - 一個nginx需求,訪問web服務時,若用戶為測試用戶則轉發(fā)到web服務的測試版本3. javascript - webpack打包后的bundlejs文件代碼不知道什么意思.4. java后臺導出頁面到pdf5. java - instance method中 static后的<K>是什么意思?6. css3 - css如何實現(xiàn)素描描邊效果7. css - 關于ul的布局8. css - 如何使用 vue transition 實現(xiàn) ios 按鈕一樣的平滑切換效果9. javascript - vue組件通過eventBus通信時,報錯a.$on is not a function10. html - 哪些情況下float會失效?
