CodeGym /課程 /Frontend SELF TW /JavaScript 的陣列

JavaScript 的陣列

Frontend SELF TW
等級 34 , 課堂 2
開放

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
    
  
留言
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION