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
Barbara StreisandOriginal
2024-12-22 22:37:13419Durchsuche

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"}];

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'}];

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);

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"}]

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!

Stellungnahme:
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