js 中數(shù)組的 空位 與 undefined

之前一直對(duì)這個(gè)沒(méi)什么概念即硼,直到遇到一個(gè)詭異的 bug 周伦,然后慢慢追究傻唾,最終發(fā)現(xiàn)了 js 數(shù)組中的空位undefined 的不同谷饿。

這道題是這樣的惶我,如何快速的生成一個(gè)長(zhǎng)度為10,并且元素與索引一樣的數(shù)組博投。

比如 [0, 1, 2, 3, 4, 5 ...]

下面是我的答案:

var arr = Array(10).fill(0).map((v, k) => k)

如果不加 fill 那一步操作就會(huì)得到一個(gè)空數(shù)組
當(dāng)時(shí)感覺(jué)以為數(shù)組的 map 方法是因?yàn)閿?shù)組元素是 undefined 才會(huì)被忽略的绸贡,看來(lái)我還是太天真。

image.png

然后我一臉懵逼, 緊接著到了下圖:

image.png

我開(kāi)始懷疑人生,這不都是 undefined 嗎听怕,只是寫法不一樣罷了捧挺。

然后分別在 safari, firefox 和 node 中試驗(yàn)了下:

safari:

safari

firefox:

firefox

node:

node

這下通過(guò)對(duì)比終于明朗了

Array(10) 產(chǎn)生的是 10 個(gè)數(shù)組空位,并不是 undefined, 是 chrome 瀏覽器誤導(dǎo)了我們尿瞭。

數(shù)組的 map filter forEach等方法只對(duì)空位忽略不會(huì)忽略undefined松忍,所以
Array(10).fill(undefined).map((v,k) => k) 也會(huì)得到正確的結(jié)果。

還有個(gè)不錯(cuò)的方法是:
Array.from({length: 10}, (v, k) => k)

關(guān)于 Array.from 請(qǐng)參考文檔Array.from

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末筷厘,一起剝皮案震驚了整個(gè)濱河市鸣峭,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌酥艳,老刑警劉巖摊溶,帶你破解...
    沈念sama閱讀 222,590評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異充石,居然都是意外死亡莫换,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門骤铃,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)拉岁,“玉大人,你說(shuō)我怎么就攤上這事惰爬『芭” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 169,301評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵撕瞧,是天一觀的道長(zhǎng)陵叽。 經(jīng)常有香客問(wèn)我,道長(zhǎng)丛版,這世上最難降的妖魔是什么巩掺? 我笑而不...
    開(kāi)封第一講書人閱讀 60,078評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮页畦,結(jié)果婚禮上胖替,老公的妹妹穿的比我還像新娘。我一直安慰自己豫缨,他們只是感情好独令,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著州胳,像睡著了一般记焊。 火紅的嫁衣襯著肌膚如雪逸月。 梳的紋絲不亂的頭發(fā)上栓撞,一...
    開(kāi)封第一講書人閱讀 52,682評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼瓤湘。 笑死瓢颅,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的弛说。 我是一名探鬼主播挽懦,決...
    沈念sama閱讀 41,155評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼木人!你這毒婦竟也來(lái)了信柿?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 40,098評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤醒第,失蹤者是張志新(化名)和其女友劉穎渔嚷,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體稠曼,經(jīng)...
    沈念sama閱讀 46,638評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡形病,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了霞幅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片漠吻。...
    茶點(diǎn)故事閱讀 40,852評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖司恳,靈堂內(nèi)的尸體忽然破棺而出途乃,到底是詐尸還是另有隱情,我是刑警寧澤扔傅,帶...
    沈念sama閱讀 36,520評(píng)論 5 351
  • 正文 年R本政府宣布欺劳,位于F島的核電站,受9級(jí)特大地震影響铅鲤,放射性物質(zhì)發(fā)生泄漏划提。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評(píng)論 3 335
  • 文/蒙蒙 一邢享、第九天 我趴在偏房一處隱蔽的房頂上張望鹏往。 院中可真熱鬧,春花似錦骇塘、人聲如沸伊履。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,674評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)唐瀑。三九已至,卻和暖如春插爹,著一層夾襖步出監(jiān)牢的瞬間哄辣,已是汗流浹背请梢。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,788評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留力穗,地道東北人毅弧。 一個(gè)月前我還...
    沈念sama閱讀 49,279評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像当窗,于是被迫代替她去往敵國(guó)和親够坐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容