js数组合并的方法,以及各方法的区别

需求

array1 = [1,2,3]       array2 = [4,5,6]   合并俩数组 打印结果为 [1,2,3,4,5,6]

思路

方法一    使用concat()方法

concat()方法可以将多个数组合并成一个新数组，不会修改原始数组。

• 优点  它可以合并任意数量的数组，并且可以在合并时添加新的元素。
• 缺点  它创建了一个新数组，如果要合并的数组很大，可能会占用大量内存。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const mergedArray = array1.concat(array2);
console.log(mergedArray); // [1, 2, 3, 4, 5, 6]

方法二    使用扩展运算符（...）

扩展运算符可以将一个数组展开为多个元素，然后可以将多个数组合并到一个新数组中。

• 优点  是它非常简单，易于理解和使用。
• 缺点  它只能用于合并少量的数组，如果要合并大量的数组，可能会导致代码可读性变差。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const mergedArray = [...array1, ...array2];
console.log(mergedArray); // [1, 2, 3, 4, 5, 6]

方法三    使用push()方法

push()方法可以将一个数组的元素添加到另一个数组中，不会创建新的数组。

• 优点  它可以在原始数组上进行操作，不需要创建新的数组，因此可以节省内存。
• 缺点  它只能用于将一个数组添加到另一个数组中，不能合并多个数组。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
array1.push(...array2);
console.log(array1); // [1, 2, 3, 4, 5, 6]

综上所述：选择哪种方法取决于你的需求和个人偏好。如果要合并多个数组，并且不想修改原始数组，可以使用concat()方法；如果要合并少量的数组，并且希望代码简单易懂，可以使用扩展运算符；如果要在原始数组上进行操作，并且只需要将一个数组添加到另一个数组中，可以使用push()方法。