JS中合并两个数组

森呼吸。

已于 2023-06-02 13:46:44 修改

阅读量1.3k

点赞数

分类专栏： JS 文章标签： javascript

于 2023-06-02 13:40:38 首次发布

本文链接：https://blog.csdn.net/weixin_53156345/article/details/131005248

版权

JS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

文章介绍了JavaScript中合并两个数组的常见方法，包括concat()、spread运算符、push()、splice()以及reduce()，并提供了相应的示例代码，强调这些方法都不会改变原始数组，而是返回新数组。

摘要由CSDN通过智能技术生成

JavaScript中可以使用多种方法合并两个数组，以下是其中的几种常见方法：

concat()方法

concat()方法可以将两个或多个数组连接在一起，并返回一个新数组。该方法不会改变原始数组。

示例代码：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2);
console.log(newArr); // [1, 2, 3, 4, 5, 6]

spread运算符

使用ES6新增的spread运算符可以更加简便地合并两个数组。

示例代码：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = [...arr1, ...arr2];
console.log(newArr); // [1, 2, 3, 4, 5, 6]

push()方法

可以使用push()方法将一个数组添加到另一个数组的末尾。

示例代码：

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

以上三中无论使用哪种方法，都不会改变原始数组，而是返回一个新数组。

splice()方法

splice()方法可以在指定位置添加或删除元素，也可以用来合并两个数组。

示例代码：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
Array.prototype.splice.apply(arr1, [arr1.length, 0].concat(arr2));
console.log(arr1); // [1, 2, 3, 4, 5, 6]

reduce()方法

reduce()方法可以遍历数组并返回一个累计值，通过累加实现合并两个数组的效果。

示例代码：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr2.reduce(function(result, item) {
  result.push(item);
  return result;
}, arr1);
console.log(newArr); // [1, 2, 3, 4, 5, 6]

这些都是常见的方法，开发者可以根据具体需求选择不同的方法。