javascript - js中數(shù)組的undefined為什么不會(huì)被遍歷
問題描述
問題描述并不全面
我的問題是,當(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é)果
問題解答
回答1:因?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ì)遍歷原本那些索引存在的元素.
回答2:這里自動(dòng)生成的undefined與我定義的有什么區(qū)別嗎?
這是數(shù)組的一個(gè)陷阱,此 undefined 非彼 undefined。自動(dòng)生成的叫“empty slots”,恰好 chrome 對(duì)它顯示 undefined 而已。你也可以看到,真正的 undefined 是一個(gè)個(gè)輸出來的,empty slots 是輸出“undefined × 7”這樣的字樣。
forEach, map 之類的都會(huì)跳過 empty slots。解決方法可以參考
console.log(Array.from(a))回答3:
因?yàn)閒orEach就是這么寫的,自帶的forEach遇到undefined會(huì)continue你可以自己寫一個(gè)不跳過的版本
回答4:你可以換一個(gè)角度想這個(gè)問題: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封裝的時(shí)候,會(huì)跳過這個(gè)“undefined”,你可以重寫一下這個(gè)方法,無論是什么樣子的值,應(yīng)該都是可以正常打印的
相關(guān)文章:
1. javascript - JS使用ele.style.backgoundImage = ’’ =’none’取消背景圖片都無效2. python - xpath提取網(wǎng)頁(yè)路徑?jīng)]問題,但是缺失內(nèi)容?3. css3 - 如何出現(xiàn)橫向捲軸?4. javascript - js 萬物皆對(duì)象的問題5. javascript - js setTimeout在雙重for循環(huán)中如何使用?6. javascript - js 修改表格元素的,可以用DOM操作實(shí)現(xiàn)嗎?7. javascript - js一個(gè)call和apply的問題?8. node.js - JavaScript的一個(gè)不能理解的地方9. 老師,請(qǐng)問我打開browsersync出現(xiàn)這個(gè)問題怎么解決啊?10. javascript - 關(guān)于微信公眾號(hào)開發(fā)的一個(gè)trouble!
