JS 面试题——对象合并

目录

问题：将两个对象合并成一个对象

解题

1.Object.assign()

实例

2.扩展运算符 ...

---

问题：将两个对象合并成一个对象

// 合并前
let a={a1:1}; let b={b1:1}
// 合并后
let sum={a1:1,b1:1} 

---

解题（浅拷贝）

1.Object.assign()

同名属性会被覆盖
Object.assign(target, ...sources) 中第一个值是目标对象，第二个值是源对象

说明：

1. Object.assign() 支持多个对象合并，如果不想修改目标对象，可以将目标对象改成空对象 {}
2. Object.assign() 只会拷贝源对象 可枚举的 和 自身的 属性到目标对象
3. 源对象往目标对象合并，返回目标对象。如果目标对象、源对象属性中有相同键时，源对象中的属性替换目标对象中的属性，可以理解成后面替换前面属性中的键。

实例

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

const returnedTarget = Object.assign(target, source);

console.log(target);
// { a: 1, b: 4, c: 5 }

console.log(returnedTarget === target);
// true

---

2.扩展运算符 ...

扩展运算符合并对象，目标对象（obj1）在前和在后最后打印的结果是不同的；

obj1 中 b 的值被后面传入的 obj2 的值给覆盖掉了

实例 

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const value= {...obj1,...obj2};
// a:1 b:3 c:4

 3.自己封装方法

function extend(target,source){
    for(let key in source){
        target[key] = source[key];
    }
    return target;
}