JavaScript數(shù)組簡介及其基本操作

在本教程中，您將了解 JavaScript 數(shù)組及其基本操作。

JavaScript 數(shù)組簡介

在 JavaScript ，數(shù)組包含多個值，這些值在數(shù)組是有序的列表。 值在數(shù)組中稱為元素，每個元素都有自己的下標，下標通常成為索引。

JavaScript 數(shù)組具有以下特點：

1. 首先，數(shù)組元素可以多種類型的值。
   例如，您可以使用一個數(shù)組來存儲類型為數(shù)字、字符串、布爾值和 null 的元素。
2. 其次，數(shù)組的大小是動態(tài)的并且會自動增長。
   換句話說，您不需要預先指定數(shù)組大小。

創(chuàng)建 JavaScript 數(shù)組

JavaScript 為您提供了兩種創(chuàng)建數(shù)組的方法。 第一個是使用 Array 構造函數(shù)，如下所示：

let scores = new Array();

scores 數(shù)組為空，不包含任何元素。

如果您知道數(shù)組需要存儲元素數(shù)量，則可以創(chuàng)建一個具有初始大小的數(shù)組，如以下示例所示：

let scores = Array(10);

要創(chuàng)建一個數(shù)組并用一些元素對其進行初始化，您可以將元素作為逗號分隔的列表傳遞給 Array() 構造函數(shù)。

例如，以下語句創(chuàng)建具有五個元素（或數(shù)字）的數(shù)組 scores：

let scores = new Array(9,10,8,7,6);

請注意，如果您使用 Array() 構造函數(shù)創(chuàng)建一個數(shù)組并將一個數(shù)字傳遞給它，您將創(chuàng)建一個具有初始大小的數(shù)組。

但是，當您將另一種類型的值傳遞給構造 Array() 函數(shù)時，您會創(chuàng)建一個包含該值元素的數(shù)組。 例如：

let athletes = new Array(3); // 創(chuàng)建數(shù)組，設置最大元素是 3 個
let scores = new Array(1, 2, 3); // 創(chuàng)建數(shù)組，包含元素 1,2 3
let signs = new Array('Red'); // 創(chuàng)建數(shù)組,包含一個元素 'Red'

JavaScript 允許您在使用 Array() 構造函數(shù)時省略關鍵詞 new。 例如，以下語句創(chuàng)建 數(shù)組 artists。

let artists = Array();

實際上，您很少會使用Array()構造函數(shù)來創(chuàng)建數(shù)組。 創(chuàng)建數(shù)組的更方便的方法是使用數(shù)組字面量表示法：

let arrayName = [element1, element2, element3, ...];

數(shù)組字面量語法形式是使用方括號 [] 包裹以逗號分隔的元素列表。

以下示例創(chuàng)建 colors 包含字符串元素的數(shù)組：

let colors = ['red', 'green', 'blue'];

要創(chuàng)建一個空數(shù)組，您可以使用方括號且不需要不指定任何元素，如下所示：

let emptyArray = [];

JavaScript 數(shù)組是從零開始索引的。 換句話說，數(shù)組的第一個元素從索引 0 開始，第二個元素從索引 1 開始，依此類推。

要訪問數(shù)組中的元素，請在方括號 [] 中指定索引：

arrayName[index]

下面顯示了如何訪問 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ù)組的基本操作

下面解釋一些對數(shù)組的基本操作。 您將在接下來的教程中學習高級操作，例如map()、filter()和 reduce()。

向數(shù)組末尾添加一個元素

要將元素添加到數(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' ]

添加一個元素到數(shù)組的開頭

要將元素添加到數(shù)組的開頭，可以使用數(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ù)組末尾刪除一個元素

要從數(shù)組末尾刪除元素，可以使用數(shù)組的 pop() 方法：

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
const lastElement = seas.pop();
console.log(lastElement);

Baltic Sea

從數(shù)組的開頭刪除一個元素

要從數(shù)組的開頭刪除元素，可以使用數(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

檢查一個值是否是一個數(shù)組

要檢查一個值是否是一個數(shù)組，你可以使用 Array.isArray() 方法：

console.log(Array.isArray(seas)); // true

結論

• 在 JavaScript ，數(shù)組是值的有序列表。
  每個元素都有自己的下標，下標通常成為索引。
• 數(shù)組可以保存多種類型的元素，換句話說元素的值類型可以是任意類型。
• JavaScript 數(shù)組是動態(tài)的，這意味著它們會根據(jù)需要增長或縮小。