在前端开发中，经常需要使用数组来存储和操作数据。有时我们需要将一个数组的元素添加到另一个数组中，本文将介绍如何使用JavaScript实现这个功能。
使用concat()方法合并数组
JavaScript中提供了concat()方法，可以将多个数组合并成一个新的数组。该方法不会改变原始数组，而是返回一个新的数组。
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = arr1.concat(arr2); console.log(arr3); // [1, 2, 3, 4, 5, 6]
在上面的示例中，我们首先定义了两个数组arr1和arr2，然后使用concat()方法将它们合并成一个新的数组arr3，最后输出arr3的结果。
使用push()方法将数组追加到另一个数组
除了使用concat()方法之外，还可以使用push()方法将一个数组追加到另一个数组的末尾。这种方法比较简单，但它会改变原始数组。
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; arr1.push(...arr2); console.log(arr1); // [1, 2, 3, 4, 5, 6]
在上面的示例中，我们首先定义了两个数组arr1和arr2，然后使用push()方法将arr2追加到arr1的末尾，最后输出arr1的结果。需要注意的是，在调用push()方法时，我们使用了spread语法（...），它可以将一个数组转换为参数序列，方便地将多个元素添加到数组中。
深度复制数组
在使用concat()或push()方法将一个数组添加到另一个数组时，有一点需要注意：如果被添加的数组是对象类型的元素，那么只会复制对象的引用，而不是对象本身。这就意味着，如果改变了被添加的数组中的对象，原始数组中对应的对象也会被修改。为了避免这种情况，我们需要进行深度复制。
const arr1 = [{name: 'Alice'}, {name: 'Bob'}];
const arr2 = [{name: 'Charlie'}];
const arr3 = arr1.concat(JSON.parse(JSON.stringify(arr2)));
arr2[0].name = 'David';
console.log(arr1); // [{name: 'Alice'}, {name: 'Bob'}]
console.log(arr2); // [{name: 'David'}]
console.log(arr3); // [{name: 'Alice'}, {name: 'Bob'}, {name: 'Charlie'}]在上面的示例中，我们首先定义了两个数组arr1和arr2，其中arr1包含两个对象{name: 'Alice'}和{name: 'Bob'}，arr2包含一个对象{name: 'Charlie'}。然后，我们使用JSON.parse(JSON.stringify(arr2))对arr2进行深度复制，并将其合并到arr1中得到arr3。最后，我们修改了arr2中的{name: 'Charlie'}为{name: 'David'}，并输出arr1、arr2和arr3的结果。可以看到，由于深度复制的存在，arr1中的对象并没有被修改。
总结
本文介绍了如何使用concat()和push()方法将一个数组添加到另一个数组中，以及深度复制数组的方法。在实际开发中，根据实际情况选择合适的方法非常重要，避免出现意外情况。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11599
