陣列

在 JavaScript 中，陣列（Array） 是一種用來存儲多個值的資料結構。陣列非常靈活，可以包含任意數量的元素，這些元素可以是任何資料型別，例如字串（string）、數字（number）、布林值（boolean）、物件（object）甚至其他陣列（即多維陣列）
let fruits = ["apple", "banana", "orange"];
let fruits = new Array("apple", "banana", "orange");

修改陣列元素

fruits[1] = "kiwi";
console.log(fruits); // ["apple", "kiwi", "orange"]

使用 .length 屬性來獲取陣列的長度（元素的個數）
console.log(fruits.length); // 3

push、pop、shift

在 JavaScript 中，陣列（Array）提供了一些非常有用的方法來操作其內容，包括 push、pop、unshift 和 shift。以下是這些方法的詳細解釋及其運作方式：

1. push()
   功能: 在陣列的末尾新增一個或多個元素。
   語法: array.push(element1, element2, ...)
   回傳值: 返回新增後陣列的長度。
   範例:

let fruits = ["apple", "banana"];
fruits.push("orange"); // 在陣列末尾新增 "orange"
console.log(fruits);   // ["apple", "banana", "orange"]

2. pop()
   功能: 移除陣列的最後一個元素，並返回該元素。
   語法: array.pop()
   回傳值: 返回被移除的元素，若陣列為空則返回 undefined。
   範例:

let fruits = ["apple", "banana", "orange"];
let lastFruit = fruits.pop(); // 移除 "orange"
console.log(lastFruit);        // "orange"
console.log(fruits);           // ["apple", "banana"]

3. unshift()
   功能: 在陣列的開頭新增一個或多個元素。
   語法: array.unshift(element1, element2, ...)
   回傳值: 返回新增後陣列的長度。
   範例:

let fruits = ["banana", "orange"];
fruits.unshift("apple"); // 在陣列開頭新增 "apple"
console.log(fruits);     // ["apple", "banana", "orange"]

4. shift()
   功能: 移除陣列的第一個元素，並返回該元素。
   語法: array.shift()
   回傳值: 返回被移除的元素，若陣列為空則返回 undefined。
   範例:

let fruits = ["apple", "banana", "orange"];
let firstFruit = fruits.shift(); // 移除 "apple"
console.log(firstFruit);          // "apple"
console.log(fruits);              // ["banana", "orange"]

5. splice()
   功能: 用於添加、移除或替換陣列中的元素，並返回被移除的元素（如果有）
   語法: array.splice(start, deleteCount, item1, item2, ...)
   參數:
   start：指定修改的起始位置（索引值）
   deleteCount（可選）：表示要移除的元素數量，包含自己。如果是0，則不移除任何元素
   item1, item2, ...（可選）：要添加到陣列中的元素，從 start 位置開始插入

let fruits = ["apple", "banana", "orange", "grape"];
// 從索引1開始，移除2個元素，並插入 "kiwi" 和 "mango"
let removedFruits = fruits.splice(1, 2, "kiwi", "mango");

console.log(removedFruits);  // ["banana", "orange"]
console.log(fruits);         // ["apple", "kiwi", "mango", "grape"]

回傳值: 返回被移除的元素組成的新陣列。如果沒有移除任何元素，則返回空陣列

總結
push() 和 pop() 用於操作陣列的末尾。
unshift() 和 shift() 用於操作陣列的開頭。

下一篇會介紹關於物件以及兩者的混用