在編程語言當(dāng)中，數(shù)組（Array）是一個非常常用的功能；它是一種特殊的變量，可以用來同時儲存多個數(shù)值。然而，在JavaScript方面，數(shù)組的功能還有很多其他值得探索的地方。

在這篇文章中，我們將會討論JavaScript數(shù)組的三個并不那么常見的功能。

1. 給數(shù)組添加自定義屬性

在網(wǎng)上搜尋有關(guān)JavaScript數(shù)組的定義時，你會發(fā)現(xiàn)幾乎所有人對于數(shù)組的定義都一樣：一種對象。

事實上，我們用JavaScript處理的所有東西，都可以視為是一種對象。JavaScript中有兩種數(shù)據(jù)類型，基本類型數(shù)對象類型，但是基本類型基本都是包括在對象類型之中的。

數(shù)組、函數(shù)、Date在JavaScript中都是預(yù)定義的對象，它們內(nèi)部都包含了方法、屬性和各自的標(biāo)準(zhǔn)化句法。

JavaScript數(shù)組有以下三種不同的屬性：

1） 數(shù)組的索引也是其屬性

2） 內(nèi)置屬性

3） 你可以自己添加自定義屬性

前兩種屬性是大家比較熟知的，你可能每天都在使用，但是我還是想在這里簡單的多說兩句，然后再來談?wù)勅绾谓o數(shù)組添加自定義屬性。

將索引作為屬性

JavaScript數(shù)組可以使用方括號句法，例如var ary = [“orange”,”apple”,”lychee”];。

數(shù)組元素的索引基本上也是一種屬性，而其屬性的名稱永遠(yuǎn)都是非負(fù)整數(shù)。

數(shù)組的索引元素對類似一個對象的關(guān)鍵值對。索引是數(shù)組對象的獨特特性，與其他內(nèi)置屬性不同，它們可以單獨通過方括號進行配置，例如 ary[3] = “peach”;。

內(nèi)置屬性

數(shù)組擁有內(nèi)置屬性，例如array.length。這個長度屬性包含了一個整數(shù)值，用來表示數(shù)組的長度。

一般情況下，內(nèi)置屬性經(jīng)?？梢栽跀?shù)組等預(yù)先定義的JavaScript對象中找到。內(nèi)置屬性與內(nèi)置方法聯(lián)合在一起，它們可以對普通對象進行自定義，讓對象滿足不同的需求。

在訪問內(nèi)置屬性的時候，你可以使用兩種句法：object.key或是object[“key”]。也就是說，在獲取數(shù)組長度的時候，你可以寫成ary[“l(fā)ength”]。

為數(shù)組對象創(chuàng)建自定義屬性

現(xiàn)在我們來談一談如何為數(shù)組添加自定義屬性。數(shù)組是一種預(yù)定義對象，它在不同的索引中儲存了不同的種類的值。

通 常情況下，我們沒有給數(shù)組添加自定義屬性的需要；也是出于這個原因，我們在剛剛學(xué)習(xí)JavaScript的時候，沒有人告訴我們可以給數(shù)組添加屬性。事實 上，如果你想要向?qū)Υ话銓ο竽菢?，給數(shù)組添加關(guān)鍵值對，你也可以使用一般的對象來達(dá)到目的。但是，這并不是說完全沒有特殊情況，在某些情況下，你可以利 用數(shù)組也是一種對象的事實，給它添加一個或多個自定義屬性。

例如，你可以給數(shù)組添加一個可以識別元素“類型（kind）”或是“類（class）”的自定義屬性。具體請參見下方實例：

var ary = ["orange","apple","lychee"];
ary.itemClass = "fruits";
console.log(ary + " are " + ary.itemClass);

請注意，你給數(shù)組所添加的自定義屬性都是可數(shù)的，也就是說，它可以被for……in等循環(huán)所揀選。

2. 在數(shù)組元素中進行循環(huán)

你可能會說：“這個我早就知道了?！睕]錯，你已經(jīng)知道如何對數(shù)組元素進行索引了。但是“在數(shù)組元素中進行循環(huán)”這樣的說法你可能會覺得有些抽象，因為我們真正循環(huán)的，是數(shù)組的索引。

由于數(shù)組索引都是又非負(fù)整數(shù)所構(gòu)成的，因此通常情況下，我們都會從0開始，直到數(shù)組的全部長度，來對整數(shù)值進行迭代，然后使用那個迭代后的值來根據(jù)特定的索引來獲取數(shù)組元素。

然而，自從ECMAScript6出現(xiàn)之后，我們可以不再管索引，直接在數(shù)組值中進行循環(huán)，而且這個操作可以使用for……of循環(huán)來完成。

在數(shù)組中，for……of循環(huán)可以根據(jù)索引的順序?qū)?shù)組元素進行循環(huán)，換句話說，它可以掌管索引的迭代，根據(jù)給予的索引獲取一個已經(jīng)存在的數(shù)組值。如果你只是想要在所有數(shù)組元素中進行循環(huán)，并且使用它們，這個循環(huán)非常實用。

var ary = ["orange","apple","lychee"];
for (let item of ary){
 console.log(item);
}
For comparison, with the regular for loop, we get the indices instead of the values as output.
 

var ary = ["orange","apple","lychee"];
for (var item = 0; item < ary.length; item++){
 console.log(item);

} 

3. 元素的數(shù)量不等同于其長度

一般情況下，當(dāng)我們在談到數(shù)組長度的時候，我們會認(rèn)為其長度要么是數(shù)組值的數(shù)量，要么是我們手動給數(shù)組設(shè)定的長度。但是事實上，數(shù)組的長度取決于其內(nèi)部最大的已經(jīng)存在的索引。

長度是一個非常靈活的屬性。無論你是否曾實現(xiàn)調(diào)整了數(shù)組的長度，只要你不斷的給數(shù)組添加新的值，它的長度也會隨之增長。

var ary = [];
ary.length = 3;
console.log(ary.length);
ary[5] = "abcd";
console.log(ary.length);

在上面的例子中，你可以看到我給數(shù)組的索引5只指定了一個值，之后長度變成了6。現(xiàn)在，如果你覺得給index 5添加一個值，數(shù)組就會自動創(chuàng)建索引0-4，那么你的推測就出現(xiàn)了錯誤。數(shù)組中并沒有應(yīng)經(jīng)存在的索引0-4。你可以使用in operator來查看。

var ary = [];
ary.length = 3;
console.log(ary.length);
ary[5] = "abcd";
console.log(ary.length);
console.log(0 in ary); 

上面的ary數(shù)組被我們成為稀疏數(shù)組（sparse array），這個數(shù)組的索引不會持續(xù)的被創(chuàng)建，而且索引之間有空氣。sparse數(shù)組的對立面為密集數(shù)組（dense array）。密集數(shù)組的索引會被持續(xù)的創(chuàng)建，其元素的數(shù)量等于其長度。

數(shù)組的長度屬性也可以用來縮短數(shù)字，確保數(shù)組中索引的最大數(shù)量永遠(yuǎn)小于數(shù)組本身，因為在默認(rèn)情況下，長度的數(shù)值永遠(yuǎn)會大于索引數(shù)量的最高值。

在下面的例子中，你可以看到，我利用減少ary數(shù)組長度的方式，社區(qū)了索引5中的元素。

var ary = [];
ary.length = 3;
console.log(ary.length);
ary[5] = "abcd";
console.log(ary.length);
ary.length = 2;
console.log(ary.length);
console.log(ary[5]);

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評論