JavaScript：如何加入/结合了两种阵列连接到一个数组？

介绍

在前端开发中，我们有时需要将两个或多个数组连接成一个数组。在JavaScript中，可以使用合并操作符（...）和Array.concat()方法来实现这个目的。但是，在某些情况下，我们需要将两个具有不同数据类型（例如数字和字符串）的数组连接成一个数组。在这篇文章中，我们将探讨如何将两个不同类型的数组连接成一个数组，并提供示例代码以帮助读者理解。

方法一：使用Array.concat()

JavaScript中的Array.concat()方法可以用于连接两个或多个数组。它将返回一个新的数组，其中包含原始数组的所有元素，并按照传递给concat()方法的顺序进行排列。

const array1 = [1, 2, 3];
const array2 = ["four", "five", "six"];
const combinedArray = array1.concat(array2);
console.log(combinedArray); // [1, 2, 3, "four", "five", "six"]

上面的示例展示了如何使用Array.concat()方法将两个具有相同数据类型的数组连接成一个数组。但是，如果要将两个具有不同数据类型的数组连接成一个数组，该怎么办呢？请看下面的示例：

const numbers = [1, 2, 3];
const strings = ["four", "five", "six"];
const combinedArray = numbers.concat(...strings);
console.log(combinedArray); // [1, 2, 3, "four", "five", "six"]

在这个示例中，我们首先定义了两个数组：一个数字数组和一个字符串数组。然后，我们使用拓展操作符（...）将字符串数组解构为单独的字符串，并将它们作为参数传递给concat()方法。这样做会将每个字符串作为单独的参数传递给concat()，从而使它们能够按顺序连接到数字数组中。

方法二：使用Array.push()

另一种将具有不同数据类型的数组连接成一个数组的方法是使用Array.push()方法。该方法可用于向数组末尾添加一个或多个元素，并返回更新后的数组长度。

const numbers = [1, 2, 3];
const strings = ["four", "five", "six"];
strings.forEach((string) => {
  numbers.push(string);
});
console.log(numbers); // [1, 2, 3, "four", "five", "six"]

在这个示例中，我们首先定义了一个数字数组和一个字符串数组。然后，我们使用forEach()方法遍历字符串数组，并将每个字符串添加到数字数组末尾。最后，我们打印出更新后的数字数组，其中包含了原始数组的所有元素。

总结

JavaScript中有许多方法可以将两个或多个数组连接成一个数组。如果需要将两个具有不同数据类型的数组连接成一个数组，可以使用Array.concat()方法和拓展操作符（...），也可以使用Array.push()方法。在实际应用中，开发人员应该根据具体情况选择合适的方法。

参考资料

• MDN web docs: Array.prototype.concat()
• MDN web docs: Array.prototype.push()

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9743