Wie entferne ich doppelte Elemente aus einem JavaScript-Array?

In JavaScript gibt es mehrere Möglichkeiten, doppelte Elemente aus einem Array zu entfernen. In diesem Artikel werden wir einige der besten Methoden zum Entfernen doppelter Elemente untersuchen.

Verwenden der Methode filter()

Die Methode filter() erstellt ein neues Array von Elementen unter Verwendung der übergebenen Bedingungen. Dies schließt nur Elemente ein, die im Rahmen dieser Filtermethode „true“ zurückgeben. Um doppelte Elemente zu entfernen, müssen wir lediglich eine Bedingung in der Methode filter() hinzufügen und den Rest erledigt sie.

#filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "
   function removeDuplicates(arr) {
      return arr.filter((item,index) => arr.indexOf(item) === index);
   console.log(removeDuplicates(arrr));
</script>

Ausgabe

"steve", "mark", "bill"

Verwendung der Set()-Methode

Set ist eine Sammlung eindeutiger Werte. Um Elemente aus einem Array zu entfernen, müssen wir zunächst das doppelte Array in ein Set konvertieren.

Dieses neue Set entfernt implizit doppelte Elemente und wandelt es dann wieder in ein Set in ein Array um.

#filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      let uniqueArr = [...new Set(arr)];
      return uniqueArr;
   }
   console.log(removeDuplicates(arr));
</script>

Ausgabe

"steve", "mark", "bill"

Verwenden der Methode „reduce()“

reduce()Die Methode wird verwendet, um die Elemente des Arrays zu reduzieren und sie dann basierend auf einigen zu einem zu kombinieren Vom Benutzer übergebene Reduzierung Das endgültige Array der Funktion. Im folgenden Beispiel löschen oder entfernen wir doppelte Elemente aus einem Array mithilfe der Methode reduce().

# filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      var unique = arr.reduce(function (acc, curr) {
         if (!acc.includes(curr))
            acc.push(curr);
         return acc;
      }, []);
      return unique;
   }
   console.log(removeDuplicates(arr));
</script>

Ausgabe

"steve", "mark", "bill"

Verwenden Sie forEach() und include()

Wenn ein Element im Array vorhanden ist, gibt die Methode include() true zurück, andernfalls gibt sie false zurück. Im folgenden Beispiel verwenden wir forEach(), um die Elemente eines Arrays zu durchlaufen und es nur dann einem neuen Array hinzuzufügen, wenn das gleiche Element dort nicht vorhanden ist.

#filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      let uniqueArr = [];
      chars.forEach((c) => {
         if (!uniqueChars.includes(c)) {
            uniqueChars.push(c);
         }
      });
       return uniqueArr;
   }
   console.log(removeDuplicates(arr));
</script>

output

"steve", "mark", "bill"

Das obige ist der detaillierte Inhalt vonWie entferne ich doppelte Elemente aus einem JavaScript-Array?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!