陣列的特性

1. 可調整大小：陣列大小不是固定的，可以隨時新增或刪除元素。
2. 可混合不同型別：陣列可以同時存放字串、數字、布林值，甚至是其他陣列或物件。
3. 索引(Index)為非負整數：第一個元素的索引是 0，第二個是 1，以此類推；最後一個元素在 array.length - 1。
4. 複製特性：當陣列被指派給另一個變數時，複製的是 reference（參考位址），而不是值本身。

建立與存取陣列

使用中括號 [] 建立陣列，元素之間用逗號區隔。

var array = ["第一個內容", "第二個內容"];
console.log(array[0]); //"第一個內容"
console.log(array[1]); //"第二個內容"

計算陣列長度：

console.log(array.length); //2

存取最後一個元素：

console.log(array[array.length - 1]);

常見的屬性與方法

• length：回傳陣列長度

修改內容的方法

• push(element)：在末尾新增元素，回傳新長度
• pop()：刪除最後一個元素，並回傳該元素
• shift()：刪除第一個元素，並回傳該元素
• unshift(element)：在開頭新增元素，回傳新長度

範例：

var score = [1, 3, 5];
score.push(10);
console.log(score); //[1, 3, 5, 10]

score.pop();
console.log(score); //[1, 3, 5]

型別轉換與陣列

有時候我們需要把元素轉換成不同型別：

• 轉字串：5 + "" → "5"
• 轉數值：+"5" → 5
• 轉布林：!!5 → true

巢狀陣列（Array of Arrays）

如果陣列裡的元素仍然是陣列，就稱為「巢狀陣列」。

var arr = [[1, 2], [3, 4]];
console.log(arr[0][1]); //2

陣列的迭代（Iteration）

迭代指的是「逐一處理陣列中的元素」，常見方法有：

forEach()

forEach() 對陣列中的每個元素執行指定函式，但不會回傳新陣列（回傳值是 undefined）。

語法：

array.forEach((element, index, array) => {
  // 對每個元素執行的動作
});

範例：

const array1 = ["a", "b", "c"];

array1.forEach((element) => console.log(element));
// 輸出: a
// 輸出: b
// 輸出: c

參考資料

• MDN Ｗeb Docs
• Udemy 2025網頁全端課程
• Lidemy課程