JS中合并两个数组

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

  1. 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]
  1. 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]
  1. push()方法

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

示例代码:

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

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

  1. 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]
  1. 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]

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

猜你喜欢

转载自blog.csdn.net/weixin_53156345/article/details/131005248
今日推荐