插件窝 干货文章 原生js如何合并

原生js如何合并

数组 strong 方法 使用 657    来源:    2024-10-19
可以使用原生 javascript 合并数组,方法包括:使用 concat() 方法,返回包含 arr1 和 arr2 所有元素的新数组。使用 spread 运算符 (...),将 arr1 和 arr2 展开到新数组中。使用 array.from() 方法,创建 arr1 副本并与 arr2 合并,提供结果转换或修改灵活性。

原生 JavaScript 中合并数组的方法

如何使用原生 JavaScript 合并数组?

要使用原生 JavaScript 合并数组,可以使用以下三种方法:

1. concat() 方法

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const mergedArr = arr1.concat(arr2);

该方法返回一个新数组,其中包含 arr1 和 arr2 中的所有元素。

2. spread 运算符 (...)

const mergedArr = [...arr1, ...arr2];

该运算符将 arr1 和 arr2 展开到一个新数组中。

3. Array.from() 方法

const mergedArr = Array.from(arr1).concat(arr2);

该方法创建一个 arr1 的副本,再与 arr2 合并。它提供了对其结果进行转换或修改的灵活性。

示例:

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

// 使用 concat() 方法
const mergedArr1 = arr1.concat(arr2);

// 使用 spread 运算符
const mergedArr2 = [...arr1, ...arr2];

// 使用 Array.from() 方法
const mergedArr3 = Array.from(arr1).concat(arr2);

console.log(mergedArr1, mergedArr2, mergedArr3); // 输出 [1, 2, 3, 4, 5, 6]