原生js如何合并

百变鹏仔 4天前 #JavaScript

文章标签 js

可以使用原生 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]

文章推荐

原生js如何合并

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？