Verwenden Sie einsatz, um die doppelten Originalwerte im Array schnell zu entfernen, z. B. [... New Set (arr)]; 2. Verwenden Sie Filter () und Indexof (), um das erste Auftreten von Elementen beizubehalten; 3.. Verwenden Sie Reduzierung (), um ein nicht repetitives Array manuell zu erstellen, aber die Leistung ist schlecht; 4. Objektarrays müssen mit Filter () und findIndex () mit entfalteten Tasten verglichen werden. In den meisten F?llen ist [... New Set (arr)] die beste Wahl, die für die Deduplizierung von Rohetypen geeignet ist, w?hrend Objektarrays basierend auf eindeutigen Schlüssel gefiltert werden müssen. Die endgültige Methodenauswahl h?ngt vom Datentyp- und Leistungsanforderungen ab.

Es gibt verschiedene M?glichkeiten, doppelte Werte aus einem Array in JavaScript zu entfernen. Hier sind die h?ufigsten und effektivsten Methoden:

1. mit Set (einfach und schnell)

Der einfachste Weg ist die Verwendung des Set Objekts, das nur eindeutige Werte speichert und es dann in ein Array umwandelt.

 const arr = [1, 2, 2, 3, 4, 4, 5];
const Unique = [... neuer Satz (arr)];
console.log (einzigartig); // [1, 2, 3, 4, 5]

Diese Methode ist schnell und sauber für primitive Werte wie Zeichenfolgen, Zahlen und Boolesche.

Hinweis: Dies funktioniert nur für primitive Typen . Für Objekte werden Duplikate auf dem Inhalt nicht erkannt.

2. Verwenden Sie filter() und indexOf()

Diese Methode h?lt das erste Auftreten jedes Wertes und filtert sp?ter Duplikate.

 const arr = [1, 2, 2, 3, 4, 4, 5];
const Unique = arr.filter ((item, index) => arr.indexof (item) === Index);
console.log (einzigartig); // [1, 2, 3, 4, 5]

Wie es funktioniert:

• indexOf(item) gibt den ersten Index zurück, in dem das Element angezeigt wird.
• Wenn der aktuelle index mit diesem ersten Index übereinstimmt, ist dies das erste Ereignis - also behalten wir ihn.

Dies ist nützlich, wenn Sie mehr Kontrolle wünschen oder in ?lteren Umgebungen arbeiten (obwohl Set , wird in modernen Browsern unterstützt).

3. reduce()

Sie k?nnen reduce() ein neues Array ohne Duplikate manuell erstellen.

 const arr = [1, 2, 2, 3, 4, 4, 5];
const Unique = arr.Reduce ((ACC, Curr) => {
  if (! Acc.includes (curr)) {
    Acc.push (Curr);
  }
  Rückgabe ACC;
}, []);
console.log (einzigartig); // [1, 2, 3, 4, 5]

Obwohl diese Methode flexibel ist, ist diese Methode für gro?e Arrays langsamer, da includes() jedes Mal den gesamten Akkumulator überprüft.

4. Entfernen von Duplikaten aus Objektarrays

Für Arrays von Objekten müssen Sie definieren, was sie "Duplikate" macht. Normalerweise vergleichen Sie einen bestimmten Schlüssel.

 const user = [
  {ID: 1, Name: 'Alice'},
  {id: 2, name: 'bob'},
  {ID: 1, Name: 'Alice'}
];

const Unique = Benutzer.filter ((Benutzer, Index, Selbst) =>
  index === self.findIndex (u => u.id === user.id)
);

Dies h?lt nur das erste Objekt bei jeder id . Sie k?nnen u.id === user.id ?ndern, um andere Eigenschaften oder mehrere Felder zu vergleichen.

Zusammenfassung der besten Anwendungsf?lle:

• Primitive Werte (Zahlen, Zeichenfolgen): Verwenden Sie Set - es ist am schnellsten und saubersten.
• Ben?tigen Sie Kompatibilit?t oder benutzerdefinierte Logik: Verwenden Sie filter() indexOf() .
• Objekte: Verwenden Sie filter() mit findIndex() oder einer Map für eine bessere Leistung.
• Gro?e Datens?tze: Vermeiden Sie includes() oder indexOf() in Schleifen - Verwenden Sie Map oder Set mit Schlüsseln ein.

Grunds?tzlich ist in den meisten F?llen [...new Set(arr)] Ihre Anlaufstelle.

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