javascript 合并数组

笔记2024-04-232 人已阅来源：网络

在JavaScript中，合并数组是一个常见的需求。例如，我们可能需要将两个列表中的所有元素合并成一个列表来进行操作，或者我们可能需要合并多个对象数组。

JavaScript中有多种方法可以合并数组。一种常用的方法是使用concat()方法。该方法可以将两个或更多数组连接成一个数组，并返回新的合并数组。例如：

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

我们可以看到，concat()方法将arr1和arr2合并成一个新的数组arr3。

除了concat()方法，我们还可以使用spread（...）运算符将多个数组合并为一个数组，如下所示：

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

spread运算符将数组展开为单独的项目，我们使用“...”运算符将arr1和arr2展开为单独的项目，并使用[]语法将它们合并在一起。

除此之外，我们还可以使用Array.from()方法将类似数组的对象或迭代器对象转换为真实的数组，并将它们合并。例如：

var obj1 = {0: "a", 1: "b", 2: "c", length: 3};
var arr1 = Array.from(obj1);
var arr2 = ["d", "e", "f"];
var arr3 = [...arr1, ...arr2];
console.log(arr3); // ["a", "b", "c", "d", "e", "f"]

我们可以看到，我们使用Array.from()将类似数组的对象obj1转换为真实的数组arr1，然后使用spread运算符将arr1和arr2合并为一个新的数组arr3。

最后，我们还可以使用push()方法将一个数组添加到另一个数组的末尾。例如：

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

我们可以看到，我们使用push()方法将arr2添加到arr1的末尾。我们还使用spread运算符展开arr2，以便每个单独的项目都被添加到arr1中。

综上所述，JavaScript中有多种方法可以合并数组，包括使用concat()方法，spread（...）运算符，Array.from()方法，push()方法等等。

AIHX

javascript 合并数组

相关内容