在本教程中,您將了解 JavaScript 數(shù)組及其基本操作。
JavaScript 數(shù)組簡(jiǎn)介
在 JavaScript ,數(shù)組包含多個(gè)值,這些值在數(shù)組是有序的列表。 值在數(shù)組中稱(chēng)為元素,每個(gè)元素都有自己的下標(biāo),下標(biāo)通常成為索引。
JavaScript 數(shù)組具有以下特點(diǎn):
- 首先,數(shù)組元素可以多種類(lèi)型的值。
例如,您可以使用一個(gè)數(shù)組來(lái)存儲(chǔ)類(lèi)型為數(shù)字、字符串、布爾值和 null 的元素。 - 其次,數(shù)組的大小是動(dòng)態(tài)的并且會(huì)自動(dòng)增長(zhǎng)。
換句話(huà)說(shuō),您不需要預(yù)先指定數(shù)組大小。
創(chuàng)建 JavaScript 數(shù)組
JavaScript 為您提供了兩種創(chuàng)建數(shù)組的方法。 第一個(gè)是使用 Array
構(gòu)造函數(shù),如下所示:
let scores = new Array();
scores
數(shù)組為空,不包含任何元素。
如果您知道數(shù)組需要存儲(chǔ)元素?cái)?shù)量,則可以創(chuàng)建一個(gè)具有初始大小的數(shù)組,如以下示例所示:
let scores = Array(10);
要?jiǎng)?chuàng)建一個(gè)數(shù)組并用一些元素對(duì)其進(jìn)行初始化,您可以將元素作為逗號(hào)分隔的列表傳遞給 Array()
構(gòu)造函數(shù)。
例如,以下語(yǔ)句創(chuàng)建具有五個(gè)元素(或數(shù)字)的數(shù)組 scores
:
let scores = new Array(9,10,8,7,6);
請(qǐng)注意,如果您使用
Array()
構(gòu)造函數(shù)創(chuàng)建一個(gè)數(shù)組并將一個(gè)數(shù)字傳遞給它,您將創(chuàng)建一個(gè)具有初始大小的數(shù)組。
但是,當(dāng)您將另一種類(lèi)型的值傳遞給構(gòu)造 Array()
函數(shù)時(shí),您會(huì)創(chuàng)建一個(gè)包含該值元素的數(shù)組。 例如:
let athletes = new Array(3); // 創(chuàng)建數(shù)組,設(shè)置最大元素是 3 個(gè)
let scores = new Array(1, 2, 3); // 創(chuàng)建數(shù)組,包含元素 1,2 3
let signs = new Array('Red'); // 創(chuàng)建數(shù)組,包含一個(gè)元素 'Red'
JavaScript 允許您在使用 Array() 構(gòu)造函數(shù)時(shí)省略關(guān)鍵詞 new
。 例如,以下語(yǔ)句創(chuàng)建 數(shù)組 artists
。
let artists = Array();
實(shí)際上,您很少會(huì)使用Array()
構(gòu)造函數(shù)來(lái)創(chuàng)建數(shù)組。 創(chuàng)建數(shù)組的更方便的方法是使用數(shù)組字面量表示法:
let arrayName = [element1, element2, element3, ...];
數(shù)組字面量語(yǔ)法形式是使用方括號(hào) []
包裹以逗號(hào)分隔的元素列表。
以下示例創(chuàng)建 colors
包含字符串元素的數(shù)組:
let colors = ['red', 'green', 'blue'];
要?jiǎng)?chuàng)建一個(gè)空數(shù)組,您可以使用方括號(hào)且不需要不指定任何元素,如下所示:
let emptyArray = [];
JavaScript 數(shù)組是從零開(kāi)始索引的。 換句話(huà)說(shuō),數(shù)組的第一個(gè)元素從索引 0 開(kāi)始,第二個(gè)元素從索引 1 開(kāi)始,依此類(lèi)推。
要訪問(wèn)數(shù)組中的元素,請(qǐng)?jiān)诜嚼ㄌ?hào) []
中指定索引:
arrayName[index]
下面顯示了如何訪問(wèn) mountains
數(shù)組的元素:
let mountains = ['Everest', 'Fuji', 'Nanga Parbat'];
console.log(mountains[0]); // 'Everest'
console.log(mountains[1]); // 'Fuji'
console.log(mountains[2]); // 'Nanga Parbat'
要修改元素的值,您可以將該值分配給元素,如下所示:
let mountains = ['Everest', 'Fuji', 'Nanga Parbat'];
mountains[2] = 'K2';
console.log(mountains);
[ 'Everest', 'Fuji', 'K2' ]
獲取數(shù)組大小
通常,數(shù)組的 length
屬性返回元素的數(shù)量。 以下示例顯示了如何使用數(shù)組的length
屬性:
let mountains = ['Everest', 'Fuji', 'Nanga Parbat'];
console.log(mountains.length); // 3
數(shù)組的基本操作
下面解釋一些對(duì)數(shù)組的基本操作。 您將在接下來(lái)的教程中學(xué)習(xí)高級(jí)操作,例如map()
、filter()
和 reduce()
。
向數(shù)組末尾添加一個(gè)元素
要將元素添加到數(shù)組的末尾,可以使用數(shù)組的 push()
方法:
let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
seas.push('Red Sea');
console.log(seas);
[ 'Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea', 'Red Sea' ]
添加一個(gè)元素到數(shù)組的開(kāi)頭
要將元素添加到數(shù)組的開(kāi)頭,可以使用數(shù)組的 unshift()
方法:
let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
seas.unshift('Red Sea');
console.log(seas);
[ 'Red Sea', 'Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea' ]
從數(shù)組末尾刪除一個(gè)元素
要從數(shù)組末尾刪除元素,可以使用數(shù)組的 pop()
方法:
let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
const lastElement = seas.pop();
console.log(lastElement);
Baltic Sea
從數(shù)組的開(kāi)頭刪除一個(gè)元素
要從數(shù)組的開(kāi)頭刪除元素,可以使用數(shù)組的 shift()
方法:
let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
const firstElement = seas.shift();
console.log(firstElement);
Black Sea
查找數(shù)組中元素的索引
要查找元素的索引,您可以使用數(shù)組的 indexOf()
方法:
let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
let index = seas.indexOf('North Sea');
console.log(index); // 2
檢查一個(gè)值是否是一個(gè)數(shù)組
要檢查一個(gè)值是否是一個(gè)數(shù)組,你可以使用 Array.isArray()
方法:
console.log(Array.isArray(seas)); // true
結(jié)論
- 在 JavaScript ,數(shù)組是值的有序列表。
每個(gè)元素都有自己的下標(biāo),下標(biāo)通常成為索引。 - 數(shù)組可以保存多種類(lèi)型的元素,換句話(huà)說(shuō)元素的值類(lèi)型可以是任意類(lèi)型。
- JavaScript 數(shù)組是動(dòng)態(tài)的,這意味著它們會(huì)根據(jù)需要增長(zhǎng)或縮小。
-
字符串
+關(guān)注
關(guān)注
1文章
590瀏覽量
22227 -
函數(shù)
+關(guān)注
關(guān)注
3文章
4379瀏覽量
64825 -
javascript
+關(guān)注
關(guān)注
0文章
525瀏覽量
54789 -
數(shù)組
+關(guān)注
關(guān)注
1文章
420瀏覽量
26534
發(fā)布評(píng)論請(qǐng)先 登錄
微機(jī)原理--微型計(jì)算機(jī)系統(tǒng)及其操作系統(tǒng)簡(jiǎn)介
JavaScript 簡(jiǎn)介
JavaScript 【1】 基礎(chǔ)數(shù)據(jù)類(lèi)型
JavaScript【8】JSON
JavaScript源碼大全(CHM)

評(píng)論