Welche Methoden gibt es zum Zusammenführen von Objekten in es6?

ES6-Methoden zum Zusammenführen von Objekten sind: 1. Verwenden Sie die Methode „Object.assign()“, die Syntax „Object.assign(obj1,obj2,obj3)“; Syntax „{...obj1,...obj2,...obj3}“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

Methode 1: Die Object.assign()-Methode

Object.assign() von Es6 wird zum Zusammenführen von Objekten verwendet, wobei alle aufzählbaren Eigenschaften des Quellobjekts (Quelle) in das Zielobjekt (Ziel) kopiert werden.

Beispiel:

let obj1 = {a: 1}
let obj2 = {b: 2}
let obj3 = {b: 3, c:4}
let obj = Object.assign(obj1, obj2, obj3)
console.log(obj, obj1, obj2, obj3)

Ausgabe:

{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}

Hinweis

1. Der erste Parameter der Object.assign()-Methode ist das Zielobjekt und die nachfolgenden Parameter sind das Quellobjekt.

2. Hier wird Attribut b in obj2 durch Attribut b in obj3 überschrieben.

Methode 2: Verwenden Sie den Spread-Operator

let obj1 = {a: 1}
let obj2 = {b: 2}
let obj3 = {b: 3, c:4}
let objTwo = {...obj1,...obj2,...obj3}
console.log(objTwo, obj1, obj2, obj3)

Ausführungsergebnis:

{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}

{...obj1,...obj2,...obj3}...Die Form des Links ist einfacher und grober!

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend】

Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es zum Zusammenführen von Objekten in es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!