上一課： 第 8 課：迴圈 while ｜ 下一課： 第 10 課：物件 Object 入門

第 9 課：集合資料 — 陣列 Array

課程摘要：本課將介紹陣列（Array）的概念與使用方式，學習如何儲存、存取與操作多筆資料，是進階程式設計的重要基礎。

學習目標

1. 理解陣列的基本結構與用途。
2. 學會使用索引（index）存取資料。
3. 能新增、刪除與修改陣列內容。

課程大綱

• 什麼是陣列？
• 建立與存取陣列元素
• 常見陣列方法：push、pop、shift、unshift
• 迴圈搭配陣列應用

核心概念解說

陣列 是用來儲存多筆資料的集合，每個項目都有自己的「索引值（index）」：

let fruits = ["蘋果", "香蕉", "葡萄"];
console.log(fruits[0]); // 蘋果
console.log(fruits[1]); // 香蕉
  

你可以用多種方法修改或操作陣列：

fruits.push("芒果");   // 新增到最後
fruits.pop();          // 刪除最後一項
fruits.unshift("奇異果"); // 新增到最前
fruits.shift();        // 移除最前一項
  

互動式範例

範例說明：嘗試修改陣列內容或方法，觀察 Console 結果。

常見錯誤與除錯指南

• 索引超出長度（如 fruits[10]），會回傳 undefined。
• 修改原始陣列時要注意副作用，若要保留原本資料可使用 slice()。
• 忘記宣告變數（如未加 let）會導致錯誤。

小測驗（附解析）

1. 若有 let nums = [1,2,3]，執行 nums.push(4) 後，陣列為？
   答案： [1,2,3,4]
2. shift() 和 pop() 有何差異？
   答案： shift() 移除最前，pop() 移除最後。

複習與下一步

你已能熟練操作陣列資料。下一課將學習 「物件 Object 入門」， 進一步了解鍵值對結構的資料管理方式。