JS中數組合并的幾種常見方法

JS 中有多種方法可以將多個數組合并成一個數組。 1、使用 Array.prototype.concat() 合并：concat() 方法可以將多個數組合并成一個新數組。 let arr1 = [1, 2, 3];let arr2 = [4, 5, 6];let arr3 = [7, 8, 9];l

JS 中有多種方法可以將多個數組合并成一個數組。

1、使用 Array.prototype.concat() 合并：concat() 方法可以將多個數組合并成一個新數組。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [7, 8, 9];
let mergedArr = arr1.concat(arr2, arr3);
console.log(mergedArr);  // [1, 2, 3, 4, 5, 6, 7, 8, 9]

2、使用擴展運算符 (...) 合并：擴展運算符可以將多個數組合并成一個新數組。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [7, 8, 9];
let mergedArr = [...arr1, ...arr2, ...arr3];
console.log(mergedArr);  // [1, 2, 3, 4, 5, 6, 7, 8, 9]

3、使用 Array.prototype.push.apply() 合并：push.apply() 方法可以將多個數組合并成一個新數組。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [7, 8, 9];
let mergedArr = [].concat.apply([], [arr1, arr2, arr3]);
console.log(mergedArr);  // [1, 2, 3, 4, 5, 6, 7, 8, 9]

4、使用 Array.prototype.reduce() 合并： reduce() 函數可以用來構建新數組，將多個數組元素添加到新數組中。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [7, 8, 9];
let mergedArr = [arr1, arr2, arr3].reduce((acc, cur) => acc.concat(cur), []);
console.log(mergedArr);  // [1, 2, 3, 4, 5, 6, 7, 8, 9]

5、使用 Array.prototype.forEach() 合并: forEach() 方法可以遍歷多個數組，將元素添加到新數組中。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [7, 8, 9];
let mergedArr = [];
[arr1, arr2, arr3].forEach(function(array) {
    array.forEach(function(element) {
        mergedArr.push(element);
    });
});
console.log(mergedArr);  // [1, 2, 3, 4, 5, 6, 7, 8, 9]

6、使用第三方庫 lodash 的 concat() 合并

7、使用第三方庫 Ramda 的 concat() 合并

總結

到此這篇關于JS中數組合并的幾種常見方法的文章就介紹到這了,更多相關JS數組合并內容請搜索技圈網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持技圈網！