Heim > Web-Frontend > js-Tutorial > Wie füge ich zwei Arrays von Objekten in JavaScript mit Array.prototype.push.apply() zusammen?

Wie füge ich zwei Arrays von Objekten in JavaScript mit Array.prototype.push.apply() zusammen?

Barbara Streisand
Freigeben: 2024-12-22 22:37:13
Original
374 Leute haben es durchsucht

How to merge two arrays of objects in JavaScript using Array.prototype.push.apply()?

Zwei Arrays von Objekten zusammenführen: Eine JavaScript-Lösung

Das Zusammenführen von Arrays von Objekten in JavaScript kann eine häufige Aufgabe sein. Hier untersuchen wir eine einfache, aber effiziente Methode, um dies mithilfe der intrinsischen Funktion Array.prototype.push.apply() zu erreichen.

Betrachten Sie das Beispielszenario:

var arr1 = [{name: "lang", value: "English"},{name: "age", value: "18"}];
var arr2 = [{name : "childs", value: '5'}, {name: "lang", value: "German"}];
Nach dem Login kopieren

Unser Ziel ist es Führen Sie diese beiden Arrays zu einem einzigen Array namens arr3 mit folgendem Inhalt zusammen:

var arr3 = [{name: "lang", value: "German"},{name: "age", value: "18"},{name : "childs", value: '5'}];
Nach dem Login kopieren

Verwenden von jQuery $.extend() ist hier nicht geeignet, da es nicht die gewünschte Ausgabe liefert. Stattdessen verwenden wir den folgenden Code:

Array.prototype.push.apply(arr1,arr2); 

console.log(arr1);
Nach dem Login kopieren

Dieser Code hängt im Wesentlichen die Elemente von arr2 an das Ende von arr1 an. Das Ergebnis ist ein einzelnes Array, das die zusammengeführten Objekte enthält, wobei doppelte „lang“-Objekte durch den letztgenannten Wert ersetzt werden.

Die erhaltene Ausgabe ist:

[{"name":"lang","value":"English"},{"name":"age","value":"18"},{"name":"childs","value":"5"},{"name":"lang","value":"German"}]
Nach dem Login kopieren

Diese Ausgabe entspricht dem gewünschten Array arr3, wodurch die ursprünglichen beiden Arrays von Objekten effektiv zusammengeführt werden.

Das obige ist der detaillierte Inhalt vonWie füge ich zwei Arrays von Objekten in JavaScript mit Array.prototype.push.apply() zusammen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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 Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage