JS里数组合并的几种方法-Toy模板网

这篇具有很好参考价值的文章主要介绍了JS里数组合并的几种方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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() 合并文章来源地址https://www.toymoban.com/news/detail-530484.html

到了这里，关于JS里数组合并的几种方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！