Geschrieben von

Quick Tipp: Array-Deduplizierung mit Sets

WebDev

Gehen wir vom folgenden Array einmal aus:

const myProducts = [
  "Pizza",
  "Fisch",
  "Pizza",
  "Käse",
  "Brot",
  "Pommes",
  "Brot",
  "Fisch",
  "Pizza",
  "Salat",
  "Salat",
  "Fisch"
];

Das Array mit den Produkten enthält jedoch doppelte Werte, die wir deduplizieren möchten. Dafür gibt es verschiedene Wege und Möglichkeiten. Der schnellste und einfachste Weg führt über JavaScript-Sets. Dabei handelt es sich um ein Objekt von Werten eines beliebigen Datentyps. Die Werte müssen jedoch einzigartig sein. Diesen Umstand können wir nutzen, um ein Set mit dem Array von oben zu erstellen.

Das geht ganz einfach in Verbindung mit dem Spread-Operator:

const uniqueProducts = [...new Set(myProducts)];

Das Resultat ist ein neues Array mit eindeutigen Werte aus dem ursprünglichen Array:

[
    "Pizza",
    "Fisch",
    "Käse",
    "Brot",
    "Pommes",
    "Salat"
];