問題描述並不全面
我的問題是，當(dāng)我的陣列是如下定義的時(shí)候：
let a = [undefined, undefined]
a[9] = 1
console.log(a) //[undefined, undefined, undefined × 7, 1]這裡自動(dòng)產(chǎn)生的undefined與我定義的有什麼不同嗎?
為什麼我用自帶遍歷的時(shí)候也不會(huì)遍歷到他們?
a.forEach(it => console.log(it)) // 也只會(huì)有三個(gè)結(jié)果
4
0
0
認(rèn)證0級(jí)講師
因?yàn)槟愣x的是一個(gè)稀疏數(shù)組(sparse array,數(shù)組長(zhǎng)度比數(shù)組元素個(gè)數(shù)大的數(shù)組). 可以用in檢測(cè)它的數(shù)組元素是否存在:
'0' in a // true,索引存在.
'1' in a // true
'2' in a // false,索引不存在
'9' in a // true而 forEach 只會(huì)遍歷原本那些索引存在的元素.
這裡自動(dòng)產(chǎn)生的undefined與我定義的有什麼差別嗎?
這是數(shù)組的一個(gè)陷阱，此 undefined 非彼 undefined。自動(dòng)產(chǎn)生的叫“empty slots”，恰好 chrome 對(duì)它顯示 undefined 而已。你也可以看到，真正的 undefined 是一個(gè)個(gè)輸出來的，empty slots 是輸出「undefined × 7」這樣的字樣。
forEach, map 之類的都會(huì)跳過 empty slots。解決方法可以參考
console.log(Array.from(a))因?yàn)閒orEach就是這麼寫的，自備的forEach遇到undefined會(huì)continue
你可以自己寫一個(gè)不跳過的版本
你可以換一個(gè)角度想這個(gè)問題：
var a = [1,2,3,4]
delete a[0]
console.log(a)//[undefined × 1, 2, 3, 4]
a.length//4
a.forEach(it=>console.log(it))// 2 3 4
回到問題上，forEach封裝的時(shí)候，會(huì)跳過這個(gè)“undefined”,你可以重寫一下這個(gè)方法，無論是什麼樣子的數(shù)值，應(yīng)該都是可以正常列印的
