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

青灯夜游
Freigeben: 2022-03-07 17:52:29
Original
9525 Leute haben es durchsucht

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}“.

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

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

Methode 1: DieObject.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)
Nach dem Login kopieren

Ausgabe:

{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}
Nach dem Login kopieren
Nach dem Login kopieren

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)
Nach dem Login kopieren

Ausführungsergebnis:

{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}
Nach dem Login kopieren
Nach dem Login kopieren

{...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!

Verwandte Etiketten:
es6
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!