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
Mary-Kate OlsenOriginal
2024-12-24 05:40:19245Durchsuche

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

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!

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