Objekt zum js-Objekt hinzufügen

Bei der tatsächlichen Arbeit und beim Lernen stoßen wir häufig auf die Notwendigkeit, ein Objekt zu einem anderen Objekt hinzuzufügen .

Es gibt drei Möglichkeiten, Objekte in js-Objekten hinzuzufügen: direktes Hinzufügen, Object.assign (), Erweiterungsoperator (...)

1. Direkt hinzufügen:

let obj = {
  name: 'Tom'
};
obj.age = 8
console.log(obj);    //输出结果为{ name: 'Tom', age: 18 }

2.Object.assign()

let obj1 = { a: 1, b: 2 ,c:3}
let obj2 = { c: 3, d: 4 }
const obj = Object.assign(obj1, obj2)
console.log(obj);  //输出内容为：{ a: 1, b: 2, c: 3, d: 4 }

3.  Der neue Erweiterungsoperator (...) in es6

let obj1 = { a: 1, b: 2 ,c: 3}
let obj2 = { c: 3, d: 4 }
let obj = { ...obj1, ...obj2 }
console.log(obj);  //输出结果为：{ a: 1, b: 2, c: 3, d: 4 }

Es ist zu beachten , dass bei Verwendung von Object.assign() und dem Spread-Operator (...) die wiederholt hinzugefügten Eigenschaften direkt weggelassen werden