JavaScript-Arrays sind Datenstrukturen, die mehrere Werte speichern können. Es kann jedoch vorkommen, dass ein Array doppelte Elemente enthält. Dieser Leitfaden führt Sie durch verschiedene Methoden zum Entfernen dieser Duplikate und zum Erstellen eines Arrays mit eindeutigen Elementen.
Vergleichen Sie Zeichenfolgen Java
Notiz: Erfahren Sie mehr über JavaScript-Arrays

Methoden zum Entfernen doppelter Elemente aus dem JavaScript-Array
Inhaltsverzeichnis
- Verwendung der Javascript-Methode filter()
- Verwendung der Javascript-Methode set()
- Verwendung der Javascript-Methode forEach()
- Verwendung der Javascript-Methode Reduce()
- Verwendung der Javascript-Methode indexOf()
- Verwendung der Bibliothek eines Drittanbieters
Verwenden der JavaScript-Methode filter()
Der filter()-Methode Erstellt ein neues Array von Elementen, das der über die Rückruffunktion übergebenen Bedingung entspricht. Es werden nur die Elemente einbezogen, für die „true“ zurückgegeben wird.
Beispiel: Der folgende Code verwendet die filter()-Methode um Duplikate eines Elements im JavaScript-Array zu entfernen.
Javascript let arr = ['apple', 'mango', 'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) { return arr.filter((item, index) =>arr.indexOf(item) === index); } console.log(removeDuplicates(arr));> Ausgabe
[ 'apple', 'mango', 'orange' ]>
Verwenden der JavaScript-Methode set()
Diese Methode legt mit ES6 (ES2015) einen neuen Objekttyp fest, mit dem Sie Sammlungen eindeutiger Werte erstellen können.
Beispiel: In diesem Beispiel wird JavaScript verwendet set()-Methode um Duplikate aus einem Array zu entfernen.
Javascript let arr = ['apple', 'mango', 'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) { return [...new Set(arr)]; } console.log(removeDuplicates(arr));> Ausgabe
[ 'apple', 'mango', 'orange' ]>
Verwenden der JavaScript-Methode forEach()
Durch die Verwendung der forEach()-Methode können wir über die Elemente im Array iterieren und in das neue Array verschieben, wenn es nicht im Array vorhanden ist.
Beispiel: Die Methode forEach() wird verwendet, um die Elemente aus dem JavaScript-Array im folgenden Code zu entfernen.
Javascript let arr = ['apple', 'mango', 'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) { let unique = []; arr.forEach(element =>{ if (!unique.includes(element)) { unique.push(element); } }); Rückkehr eindeutig; } console.log(removeDuplicates(arr));> Ausgabe
[ 'apple', 'mango', 'orange' ]>
Verwenden der JavaScript-Methode Reduce()
Der Reduce()-Methode wird verwendet, um die Elemente des Arrays zu reduzieren und sie basierend auf einer von Ihnen übergebenen Reduzierfunktion zu einem endgültigen Array zu kombinieren.
Beispiel: Die Methode „reduce()“ wird verwendet, um Duplikate aus einem Array in JavaScript zu entfernen.
Javascript let arr = ['apple', 'mango', 'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) { let unique = arr.reduce(function (acc, curr) { if (!acc.includes(curr)) acc.push(curr); return acc; }, []); return unique; } console.log(removeDuplicates(arr));> Ausgabe
[ 'apple', 'mango', 'orange' ]>
Verwenden der JavaScript-Methode indexOf()
Der indexOf()-Methode wird verwendet, um den ersten Index des Vorkommens eines Array-Elements zu finden. Wir können die Elemente im Array durchlaufen und in das neue Array verschieben, wenn es im resultierenden Array nicht vorhanden ist.
Beispiel: Das folgende Codebeispiel verwendet die Methode indexOf(), um Duplikate aus einem Array zu entfernen.
Javascript let arr = ['apple', 'mango', 'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) { let unique = []; for (i = 0; i < arr.length; i++) { if (unique.indexOf(arr[i]) === -1) { unique.push(arr[i]); } } return unique; } console.log(removeDuplicates(arr));> Ausgabe
[ 'apple', 'mango', 'orange' ]>
Verwendung der Bibliothek eines Drittanbieters
Wir können auch eine Bibliothek eines Drittanbieters verwenden, z Lodash oder Underscore.js um doppelte Elemente aus einem Javascript-Array zu entfernen. Der _.uniq()-Funktion gibt das Array zurück, das keine doppelten Elemente enthält.
Beispiel: Die Die Funktion _.uniq() der Bibliothek underscore.js wird im folgenden Code verwendet, um Elemente aus einem Array zu entfernen.
HTML