JavaScript 程式札記 : Array 陣列的操作方法 (上)

本文將介紹陣列的基本操作方法，包括建立陣列、存取元素、陣列遍歷和修改陣列等，接下來將逐一介紹這些操作，並附上程式碼範例，讓你更易於理解和運用。

1.push()

push()可以將值加入到陣列的最後一個位置 。

let array = [1, 2, 3];
array.push(4, 5);
console.log(array); // [1, 2, 3, 4, 5]

2.pop()

pop()會移除(取出)陣列的最後一個元素。

let array = [1, 2, 3];
let array2 = array.pop();
console.log(array); // [1, 2]
console.log(array2); // 3

3.shift()、unshift()

shift() 會移除陣列的第一個元素，unshift() 則會將指定的元素添加到第一個位置。

let array = [1, 2, 3];
array.shift();
console.log(array); // [2, 3]
array.unshift(0);
console.log(array); // [0, 2, 3]

4.reverse()

reverse()會將陣列反轉。

let array = [1, 2, 3];
array.reverse();
console.log(array); // [3, 2, 1]

5.splice()

splice()有三個參數，依序是要移除或添加的陣列索引、要移除的長度(填0則不會移除陣列的任何元素)、要添加的內容。

let array = [7, 6, 5];
array.splice(1, 1, 4);
console.log(array); // [7,4,5]

let array2 = [7, 6, 5];
array2.splice(1, 0, 4);
console.log(array2); // [7,4,6,5]

6.sort()

sort()可以針對陣列的元素進行排序。

let array = [3, 1, 2];
array.sort();
console.log(array); // [1, 2, 3]

7.copyWithin()

copyWithin()有三個參數，依序是要替換的位置 (必填)、開始複製的起始點 (選填，預設 0)，最後一個是停止複製的元素的結束點 (選填，預設等於陣列長度)。

let array = [10, 20, 30, 40, 50];
array.copyWithin(2, 0, 3);
console.log(array); // [10,20,10,20,30]

8.fill()

fill()有三個參數，第一個是準備要替換的值 (必填)，第二個是開始替換的起始點 (選填，不設定就全部替換)，第三個是停止替換的元素的的結束點 (選填，預設是陣列的長度)。

let array = [0, 0, 0, 0, 0];
array.fill(9, 0, 3)
console.log(array) // [9,9,9,0,0]

😊 感謝你的耐心閱讀，若是你喜歡這篇內容，可以透過以下方式表達你的喜歡 😊

❤️按個愛心｜💬留言互動｜🔗分享此文｜📌追蹤阿梧｜☕請喝咖啡