問(wèn)題描述

問(wèn)題描述并不全面

我的問(wèn)題是，當(dāng)我的數(shù)組是如下定義的時(shí)候：

let a = [undefined, undefined]a[9] = 1console.log(a)//[undefined, undefined, undefined × 7, 1]

這里自動(dòng)生成的undefined與我定義的有什么區(qū)別嗎?

為什么我用自帶遍歷的時(shí)候也不會(huì)遍歷到他們?

a.forEach(it => console.log(it)) // 也只會(huì)有三個(gè)結(jié)果

問(wèn)題解答

因?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)生成的undefined與我定義的有什么區(qū)別嗎?

這是數(shù)組的一個(gè)陷阱，此 undefined 非彼 undefined。自動(dòng)生成的叫“empty slots”，恰好 chrome 對(duì)它顯示 undefined 而已。你也可以看到，真正的 undefined 是一個(gè)個(gè)輸出來(lái)的，empty slots 是輸出“undefined × 7”這樣的字樣。

forEach, map 之類的都會(huì)跳過(guò) empty slots。解決方法可以參考

console.log(Array.from(a))回答3：

因?yàn)閒orEach就是這么寫的，自帶的forEach遇到undefined會(huì)continue你可以自己寫一個(gè)不跳過(guò)的版本

你可以換一個(gè)角度想這個(gè)問(wèn)題：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回到問(wèn)題上，forEach封裝的時(shí)候，會(huì)跳過(guò)這個(gè)“undefined”,你可以重寫一下這個(gè)方法，無(wú)論是什么樣子的值，應(yīng)該都是可以正常打印的