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

JavaScript 數組簡介

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

JavaScript 數組具有以下特點：

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

創(chuàng)建 JavaScript 數組

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

let scores = new Array();

scores 數組為空，不包含任何元素。

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

let scores = Array(10);

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

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

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

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

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

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

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

let artists = Array();

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

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

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

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

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

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

let emptyArray = [];

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

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

arrayName[index]

下面顯示了如何訪問 mountains 數組的元素：

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' ]

獲取數組大小

通常，數組的 length 屬性返回元素的數量。 以下示例顯示了如何使用數組的length 屬性：

let mountains = ['Everest', 'Fuji', 'Nanga Parbat'];
console.log(mountains.length); // 3

數組的基本操作

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

向數組末尾添加一個元素

要將元素添加到數組的末尾，可以使用數組的 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' ]

添加一個元素到數組的開頭

要將元素添加到數組的開頭，可以使用數組的 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' ]

從數組末尾刪除一個元素

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

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

Baltic Sea

從數組的開頭刪除一個元素

要從數組的開頭刪除元素，可以使用數組的 shift() 方法：

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
const firstElement = seas.shift();

console.log(firstElement);

Black Sea

查找數組中元素的索引

要查找元素的索引，您可以使用數組的 indexOf() 方法：

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
let index = seas.indexOf('North Sea');

console.log(index); // 2

檢查一個值是否是一個數組

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

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

結論

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