2023-08-14|閱讀時間 ‧ 約 23 分鐘

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

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

1.forEach()

forEach() 是用於遍歷陣列的每個元素,並對每個元素執行提供的函數。

let array = [1, 2, 3, 4];
array.forEach(function(number) {
console.log(number);
});
// 輸出:
// 1
// 2
// 3
// 4

2.map()

map() 是創建一個新陣列,其結果是對原陣列中的每個元素調用提供的函數後返回的結果。

let array = [1, 2, 3, 4];
let arrayNew =array.map(function(number) {
return number * number;
});
console.log(arrayNew); // [1, 4, 9, 16]

3.reduce()

reduce() 是對陣列中的每個元素進行累加的計算,並返回一個值。

let array = [1, 2, 3, 4];
let sum = array.reduce(function(total, number) {
return total + number;
}, 0);
console.log(sum); // 10

4.join()

join() 是將陣列的所有元素連接到一個字符串中。

let array = ['Hello', 'World'];
let array2 = array.join(' ');
console.log(array2); // "Hello World"

5.concat()

concat() 是用於合併兩個或多個陣列,並返回一個新的陣列。

let array1 = [1, 2];
let array2 = [3, 4];
let array3 = array1.concat(array2);
console.log(array3); // [1, 2, 3, 4]

6.slice()

slice() 是依照按照設定的開始到結束的元素進行拷貝(不包括結束的元素),並返回一個新的陣列。

let array1 = [1, 2, 3, 4];
let array2 = array1.slice(1, 3);
console.log(array2); // [2, 3]

7.toString()

toString() 是返回一個指定陣列和其元素的字符串。

let array = [1, 2, 3, 4];
let str = array.toString();
console.log(str); // "1,2,3,4"

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

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

分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.