原生js的合并方法

在JavaScript开发中，合并操作是常见需求，无论是合并数组、对象还是其他数据结构，掌握原生js的合并方法至关重要，能有效提升开发效率。

先来看数组的合并。concat() 方法是合并数组的常用手段。它可以将一个或多个数组连接成一个新数组，原数组不会被改变。例如：

let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = arr1.concat(arr2);
console.log(newArr); 

这样就轻松实现了两个数组的合并。另外，ES6 引入的扩展运算符（...）也为数组合并带来便利，使用起来更加简洁直观。示例代码如下：

let arr3 = [5, 6];
let arr4 = [7, 8];
let combinedArr = [...arr3,...arr4];
console.log(combinedArr); 

再说说对象的合并。在ES6之前，要合并对象相对繁琐，通常需要手动遍历源对象的属性，将其逐一复制到目标对象。ES6 提供了Object.assign() 方法，它用于将一个或多个源对象的所有可枚举属性复制到目标对象。代码示例：

let obj1 = { a: 1 };
let obj2 = { b: 2 };
let mergedObj = Object.assign({}, obj1, obj2);
console.log(mergedObj); 

这里第一个参数为空对象，是为了不修改原对象。同样，扩展运算符也适用于对象合并，如：

let obj3 = { c: 3 };
let obj4 = { d: 4 };
let newMergedObj = {...obj3,...obj4 };
console.log(newMergedObj); 

除了数组和对象，原生js在其他数据结构合并上也有相应方法。比如字符串的拼接，使用 + 运算符或者join() 方法都可以实现类似合并的效果。

原生js的合并方法丰富多样，不同场景下选择合适的方法能让代码更简洁高效。在实际开发中，根据具体需求合理运用这些合并方法，能够优化代码结构，提升项目整体性能。开发者应熟练掌握这些技巧，在面对复杂的数据处理时更加游刃有余。