js对象合并的4种方式与数组合并的4种方式

下面是对“js对象合并的4种方式与数组合并的4种方式”的详细讲解攻略：

JS对象合并的4种方法

在JS中，有多种方法可以合并两个或多个对象，如下：

1. 手动遍历合并

这种方式是通过遍历对象中的属性并将其复制到另一个对象中来进行合并的，可以使用 for...in 循环或 Object.keys 方法获取要遍历的属性，示例如下：

let obj1 = {a: 1, b: 2};
let obj2 = {c: 3, d: 4};
let mergedObj = {};

for (let prop in obj1) {
  mergedObj[prop] = obj1[prop];
}

for (let prop in obj2) {
  mergedObj[prop] = obj2[prop];
}

console.log(mergedObj); // {a: 1, b: 2, c: 3, d: 4}

2. 使用 Object.assign 方法

Object.assign 是 ES6 中新增的方法，可以将一个或多个源对象的属性合并到目标对象中，示例如下：

let obj1 = {a: 1, b: 2};
let obj2 = {c: 3, d: 4};
let mergedObj = Object.assign({}, obj1, obj2);

console.log(mergedObj); // {a: 1, b: 2, c: 3, d: 4}

3. 使用 ES6 扩展运算符

ES6 扩展运算符可以将一个或多个对象展开为多个参数，然后合并为一个新的对象，示例如下：

let obj1 = {a: 1, b: 2};
let obj2 = {c: 3, d: 4};
let mergedObj = {...obj1, ...obj2};

console.log(mergedObj); // {a: 1, b: 2, c: 3, d: 4}

4. 使用 Lodash 库

Lodash 是一个流行的工具库，提供了多个合并对象的方法，如 merge、assign 等，示例如下：

let obj1 = {a: 1, b: 2};
let obj2 = {c: 3, d: 4};
let mergedObj = _.merge({}, obj1, obj2);

console.log(mergedObj); // {a: 1, b: 2, c: 3, d: 4}

数组合并的4种方法

与对象不同，数组合并的方式比较简单，可以使用以下常用的4种方法：

1. concat 方法

concat 方法可以将多个数组合并为一个新数组，示例如下：

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

console.log(mergedArr); // [1, 2, 3, 4]

2. 扩展运算符

与对象的合并类似，可以使用扩展运算符将多个数组合并为一个新数组，示例如下：

let arr1 = [1, 2];
let arr2 = [3, 4];
let mergedArr = [...arr1, ...arr2];

console.log(mergedArr); // [1, 2, 3, 4]

3. push 方法

对于只需要将一个数组添加到另一个数组的末尾的情况，也可以使用 push 方法，示例如下：

let arr1 = [1, 2];
let arr2 = [3, 4];
arr1.push(...arr2);

console.log(arr1); // [1, 2, 3, 4]

4. 使用 splice 方法

splice 方法可以改变原数组，并将多个数组合并到一个数组中，示例如下：

let arr1 = [1, 2];
let arr2 = [3, 4];
arr1.splice(2, 0, ...arr2);

console.log(arr1); // [1, 2, 3, 4]

以上就是关于“js对象合并的4种方式与数组合并的4种方式”的完整攻略。