陣列 Array [ ]

為有順序的資料集合，其中可以放入字串、數字、布林值等，或為一個空陣列。
陣列沒有固定的 長度 與 型別 ，長度可以被改變。
索引值（index） 為從 0 開始的整數。

建立陣列

宣告一個變數為陣列，陣列中的資料需使用方括號 [ ] 包起來，
不同資料間使用 半形逗號（,） 做區隔。

舉例：

let a = []; // 宣告 a 為空陣列
let b = [1, 2, 3, 4, 5];
let c = ["Alice", "Ben", "Chris", "Debby"];
let d = [100, "楓葉", true]; // 陣列中也可以放入不同型別的資料

陣列操作的方法

push( ) 、 unshift( ) 可以新增不只一個資料，用半形逗號（,）做區隔即可。

範例

動物教室開課啦，學員有（一號）綿羊、（二號）梅花鹿、（三號）水豚

let classAnimal = ["綿羊", "梅花鹿", "水豚"];
console.log(classAnimal); // (3)["綿羊", "梅花鹿", "水豚"]

展開前（滑鼠點擊向右的三角形 ▶ 即可展開）

展開後

老師要點名了，從一號開始唱名
一號綿羊（索引值為 0）、二號梅花鹿（索引值為 1）、三號水豚（索引值為 2）

console.log(classAnimal[0]); // 綿羊
console.log(classAnimal[1]); // 梅花鹿
console.log(classAnimal[2]); // 水豚
console.log(classAnimal[3]); // undefined

老師想數一下總共有幾個學員，使用 length

console.log(classAnimal.length); // 3

草泥馬轉學過來了，我們把牠放進陣列的最後面

classAnimal.push("草泥馬");

動物教室裡面現在有哪些學員？

console.log(classAnimal); // (4)["綿羊", "梅花鹿", "水豚", "草泥馬"]
console.log(classAnimal.length); // 4
console.log(classAnimal[3]); // 草泥馬

最後加入的四號草泥馬才剛來又轉走了，我們把牠移除

classAnimal.pop();

動物教室裡面現在有哪些學員？

console.log(classAnimal); // (3)["綿羊", "梅花鹿", "水豚"]
console.log(classAnimal.length); // 3
console.log(classAnimal[3]); // undefined

排在最前面的一號綿羊說牠也要轉學，我們把牠移除

classAnimal.shift();
console.log(classAnimal); // (2)["梅花鹿", "水豚"]
console.log(classAnimal.length); // 2

獅子來了，老師決定讓牠插隊排在第一個變成一號

classAnimal.unshift("獅子");
console.log(classAnimal); // (3)["獅子", "梅花鹿", "水豚"]
console.log(classAnimal.length); // 3

還有很多陣列操作的方法，附上 MDN 連結 、 W3School 連結

自學指引：

• slice( )、splice( ) 的差異？
• 清空陣列的方法？
• 二維陣列

感謝閱讀，我們明天見囉～～～