開(kāi)發(fā)人員每天都會(huì)處理數(shù)組。作為集合，要查詢的重要屬性是項(xiàng)目數(shù)：Array.prototype.length。
在JavaScript中，length它并不總是指示現(xiàn)有元素的數(shù)量（對(duì)于稀疏數(shù)組），并且修改此屬性可能會(huì)刪除元素。
讓我們揭開(kāi)這個(gè)屬性背后的神秘面紗。

length 數(shù)組的值是一個(gè)無(wú)符號(hào)的32位整數(shù)，在數(shù)值上大于數(shù)組中的最高索引。

對(duì)于特定的數(shù)組類(lèi)型，此屬性的行為有所不同。讓我們枚舉它們：當(dāng)數(shù)組的元素具有以開(kāi)頭的連續(xù)索引時(shí)，數(shù)組是密集的0。例如[1, 3, 4]是致密的，因?yàn)樗饕沁B續(xù)的：0，1和2。當(dāng)數(shù)組的元素沒(méi)有以開(kāi)頭的連續(xù)索引時(shí)，它是稀疏的0。例如[1, , 4, 6]是稀疏的，因?yàn)樵乃饕遣贿B續(xù)的：0，2和3。

長(zhǎng)度作為數(shù)組中元素的數(shù)量

的常見(jiàn)用法length是確定元素的數(shù)量。這對(duì)于密集集合類(lèi)型是正確的：

參見(jiàn)JS Bin中的示例

密集數(shù)組沒(méi)有空，并且項(xiàng)目數(shù)對(duì)應(yīng)于highestIndex + 1。在[3, 5, 7, 8]最高的索引是3元素的8，因此該數(shù)組的大小3 + 1 = 4。

長(zhǎng)度大于最大索引的數(shù)字

在稀疏數(shù)組中，該length值大于最高索引，但是它并不表示元素的實(shí)際數(shù)量。查詢時(shí)length，它大于元素?cái)?shù)。由于陣列中的間隙而發(fā)生。

添加或刪除元素時(shí)，length僅基于最高索引進(jìn)行突變。任何不影響最高索引的數(shù)組修改都不會(huì)修改length，例如使用時(shí)delete。

參見(jiàn)JS Bin中的示例

長(zhǎng)度修改

在前面的說(shuō)明中，length只讀。但是JavaScript也允許修改此屬性。長(zhǎng)度修改會(huì)影響數(shù)組，具體取決于新值和現(xiàn)有的最高索引。它可以刪除元素或使數(shù)組稀疏。
當(dāng)新length數(shù)字小于或等于最高索引時(shí)，將刪除索引大于或等于新大小的所有元素。從數(shù)組末尾刪除元素的有用方案。

如果使用大于最高索引的數(shù)字（或使用大于current的數(shù)字length），則數(shù)組將變得稀疏。它很少有用。

請(qǐng)參閱JS Bin中的示例

可以為分配一個(gè)不同于數(shù)字的類(lèi)型length。JavaScript會(huì)將原語(yǔ)轉(zhuǎn)換為數(shù)字。如果轉(zhuǎn)換結(jié)果NaN小于或小于0，則引發(fā)錯(cuò)誤Uncaught RangeError: Invalid array length。

安全編碼

通過(guò)創(chuàng)建稀疏數(shù)組來(lái)修改數(shù)組length，使用刪除元素delete，使用添加元素[newIndex]是潛在問(wèn)題的根源。結(jié)果是不一致的length值。JavaScript提供了更安全的選擇。

要將元素添加到數(shù)組的末尾，請(qǐng)使用Array.prototype.push（）并刪除最新的pop（）。要將元素插入開(kāi)頭，請(qǐng)使用unshift（）并刪除第一個(gè)shift（）。對(duì)于更復(fù)雜的插入，刪除或替換，splice（）也足夠強(qiáng)大。

請(qǐng)參閱JS Bin中的示例

在極少數(shù)情況下，數(shù)組可以是稀疏的。依靠length確定元素的數(shù)量是不安全的。只需使用一個(gè)輔助函數(shù)來(lái)處理缺少的元素：

in運(yùn)算符確定對(duì)象是否具有屬性。它可以完美地檢查元素是否存在于特定索引處。

結(jié)論

如本文所見(jiàn)，length是具有復(fù)雜行為的屬性。
通常，它的工作不會(huì)令人驚訝，但是在處理稀疏數(shù)組和修改時(shí)最好采取預(yù)防措施length。
另一種選擇是完全避免修改此屬性并使用該splice()方法。

另請(qǐng)參見(jiàn)
Array.prototype.length
稀疏數(shù)組與密集數(shù)組

原著作者：德米特里·帕夫魯汀

文章來(lái)源：國(guó)外

文章鏈接：

Dmitri Pavlutin Blog?dmitripavlutin.com

PS：原著文章內(nèi)容為英文版本，建議使用360極速瀏覽器進(jìn)行翻譯閱讀。

總結(jié)

以上是生活随笔為你收集整理的argumentoutofrangeexception:长度不能小于0_数组长度属性背后的魔力有哪些？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。