Heim > Web-Frontend > js-Tutorial > Wie füge ich zwei JavaScript-Arrays zusammen und behalte nur eindeutige Elemente?

Wie füge ich zwei JavaScript-Arrays zusammen und behalte nur eindeutige Elemente?

Mary-Kate Olsen
Freigeben: 2024-12-24 05:40:19
Original
276 Leute haben es durchsucht

How to Merge Two JavaScript Arrays and Keep Only Unique Items?

Zwei JavaScript-Arrays mit eindeutigen Elementen zusammenführen

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"];
Nach dem Login kopieren

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

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

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

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!

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