8.1 創建陣列
JavaScript 的陣列 — 是一種資料結構,允許儲存有序的數值集合。 這些數值可以是任何類型,包括數字、字串、物件甚至其他陣列。 JavaScript 的陣列是動態可變的,也就是說它們的大小可以在程式執行的過程中改變。
創建和初始化陣列:
1. 使用陣列字面值
創建陣列最簡單的方法是使用方括號 []:
JavaScript
let array1 = []; // 空陣列
let array2 = [1, 2, 3]; // 含有三個元素的陣列
2. 使用陣列建構子
陣列建構子 Array 可以使用函數創建陣列:
JavaScript
let array1 = new Array(); // 空陣列
let array2 = new Array(3); // 長度為3的陣列(所有元素都為 undefined)
let array3 = new Array(1, 2, 3); // 含有三個元素的陣列
3. 填充陣列值
可以在創建後填充陣列值:
JavaScript
let array = [];
array[0] = 'apple';
array[1] = 'banana';
array[2] = 'cherry';
8.2 存取陣列元素
陣列元素是從零開始索引的。存取元素使用 方括號:
JavaScript
let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // "Apple"
console.log(fruits[1]); // "Banana"
console.log(fruits[2]); // "Cherry"
修改陣列元素
可以通過索引修改陣列元素:
JavaScript
let fruits = ["Apple", "Banana", "Cherry"];
fruits[1] = "Blueberry";
console.log(fruits); // ["Apple", "Blueberry", "Cherry"]
屬性 length
屬性 length 返回陣列中的元素數量:
JavaScript
let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits.length); // 3
8.3 陣列的方法來添加和刪除元素
1. 方法 push
方法 push() 將一個或多個元素添加到陣列的末尾,並返回陣列的新長度:
JavaScript
let fruits = ['apple', 'banana'];
fruits.push('cherry'); // ['apple', 'banana', 'cherry']
console.log(fruits.length); // 3
2. 方法 pop
方法 pop() 刪除陣列的最後一個元素,並返回它:
JavaScript
let fruits = ['apple', 'banana', 'cherry'];
let last = fruits.pop(); // 'cherry'
console.log(fruits); // ['apple', 'banana']
3. 方法 shift
方法 shift() 刪除陣列的第一個元素,並返回它。所有其他元素向左移一個位置:
JavaScript
let fruits = ['apple', 'banana', 'cherry'];
let first = fruits.shift(); // 'apple'
console.log(fruits); // ['banana', 'cherry']
4. 方法 unshift
方法 unshift() 將一個或多個元素添加到陣列的開頭,並返回陣列的新長度:
JavaScript
let fruits = ['banana', 'cherry'];
fruits.unshift('apple'); // ['apple', 'banana', 'cherry']
console.log(fruits.length); // 3
GO TO FULL VERSION