宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取

在JavaScript开发中，常常需要将多个数组合并成一个数组，这里我们将围绕“js两个数组合并为一个数组”为中心，从多个方面阐述此问题。

一、concat()方法的使用

JavaScript提供了concat()方法将多个数组合并成一个数组，该方法返回一个新的数组，不改变原数组。比如：


var arr1 = ["apple", "banana"];
var arr2 = ["orange", "grape"];
var arr3 = ["melon"];

var arr4 = arr1.concat(arr2, arr3);
console.log(arr4); // ["apple", "banana", "orange", "grape", "melon"]

在上面的例子中，利用concat()方法将三个数组arr1、arr2和arr3合并成一个新数组arr4。

concat()方法的应用场景很多，可以将两个数组合并成一个，也可以在数组末尾添加元素，如下所示：


var arr1 = ["apple", "banana"];
var arr2 = ["orange", "grape"];

var arr3 = arr1.concat("melon", arr2);
console.log(arr3); // ["apple", "banana", "melon", "orange", "grape"]

在上面的例子中，我们在concat()方法中插入了字符串”melon”。该方法会将其转化为一个数组，然后将它与arr1和arr2合并成一个新数组arr3。

二、扩展运算符的应用

扩展运算符是ES6中新增的语法糖，可以将数组转化为用逗号分隔的参数序列。比如：


var arr1 = ["apple", "banana"];
var arr2 = ["orange", "grape"];

var arr3 = [...arr1, ...arr2];
console.log(arr3); // ["apple", "banana", "orange", "grape"]

在上面的例子中，我们使用了扩展运算符(…)将arr1和arr2合并成一个新数组arr3。

除了扩展运算符，我们还可以使用apply()方法将一个数组转化为函数的参数序列。比如：


var arr1 = ["apple", "banana"];
var arr2 = ["orange", "grape"];

var arr3 = [].concat.apply([], [arr1, arr2]);
console.log(arr3); // ["apple", "banana", "orange", "grape"]

在上面的例子中，将arr1和arr2作为参数传递给一个空数组，然后将其转化为一个新数组。

三、使用push、apply或spread语法添加数组元素

如果想要将一个数组添加到另一个数组的末尾，我们可以使用push()方法。比如：


var arr1 = ["apple", "banana"];
var arr2 = ["orange", "grape"];

Array.prototype.push.apply(arr1, arr2);
console.log(arr1); // ["apple", "banana", "orange", "grape"]

在上面的例子中，我们将arr2添加到了arr1的末尾。

除了使用push()和apply()方法，我们还可以使用spread语法。比如：


var arr1 = ["apple", "banana"];
var arr2 = ["orange", "grape"];

arr1.push(...arr2);
console.log(arr1); // ["apple", "banana", "orange", "grape"]

在上面的例子中，我们使用了spread语法将arr2添加到arr1的末尾。

四、使用Array.from()方法

Array.from()方法用于将一个类数组或可迭代对象转化为一个新数组。比如：


var arr1 = ["apple", "banana"];
var arr2 = ["orange", "grape"];

var arr3 = Array.from(arr1).concat(arr2);
console.log(arr3); // ["apple", "banana", "orange", "grape"]

在上面的例子中，我们使用Array.from()方法将arr1转化为一个新数组，然后使用concat()方法和arr2合并成一个新数组arr3。

总结

JS两个数组合并为一个数组的方法有很多，常用的有concat()方法、扩展运算符、push()方法、apply()方法、spread语法和Array.from()方法。根据实际需求，选择合适的方法进行组合，在实际的开发中可以根据具体情况进行选择。