Heim >Web-Frontend >js-Tutorial >Wie füge ich zwei JavaScript-Arrays zusammen und behalte nur eindeutige Elemente?
Das Zusammenführen von Arrays ist eine häufige Aufgabe in der Programmierung, kann jedoch etwas komplexer werden, wenn Sie sicherstellen möchten, dass das resultierende Array enthält nur einzigartige Artikel. In diesem Artikel erfahren Sie, wie Sie zwei JavaScript-Arrays zusammenführen und dabei ihre ursprüngliche Reihenfolge beibehalten und doppelte Elemente entfernen.
Betrachten Sie zwei JavaScript-Arrays:
var array1 = ["Vijendra", "Singh"]; var array2 = ["Singh", "Shakya"];
Unser Ziel ist es, ein neues zu erstellen Array, Array3, das die eindeutigen Elemente von Array1 und Array2 enthält. Die korrekte Ausgabe sollte wie folgt lauten:
["Vijendra", "Singh", "Shakya"]
Um dies zu erreichen, können wir eine Kombination der in JavaScript integrierten Array-Methoden nutzen:
Einfache Array-Zusammenführung
Um die beiden Arrays einfach zusammenzuführen, ohne Duplikate zu entfernen, können wir die concat()-Methode verwenden:
var array3 = array1.concat(array2); console.log(array3); // ["Vijendra", "Singh", "Singh", "Shakya"]
Das wird Erstellen Sie ein neues Array, das alle Elemente aus Array1 und Array2 enthält. Duplikate werden jedoch nicht entfernt.
Zusammenführen mit Deduplizierung
Um Duplikate beim Zusammenführen der Arrays herauszufiltern, können wir eine Kombination aus Reduce() verwenden. und include()-Methoden:
var array3 = array1.reduce((acc, curr) => !acc.includes(curr) ? acc.concat(curr) : acc, []); var array4 = array3.concat(array2.filter(x => !array3.includes(x))); console.log(array4); // ["Vijendra", "Singh", "Shakya"]
In diesem Code verwenden wir Reduce() für Array1, um ein neues Array zu erstellen, das nur eindeutige Elemente enthält. Anschließend verketten wir dieses neue Array mit den gefilterten Elementen aus Array2 und stellen so sicher, dass Duplikate entfernt werden.
Das obige ist der detaillierte Inhalt vonWie füge ich zwei JavaScript-Arrays zusammen und behalte nur eindeutige Elemente?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!