Duplikate aus einem JavaScript-Array entfernen

Array-Eindeutigkeit in JavaScript verstehen

In JavaScript kann es für verschiedene Anwendungen von entscheidender Bedeutung sein, sicherzustellen, dass ein Array nur eindeutige Werte enthält. Es gibt zwar mehrere Möglichkeiten, dies zu erreichen, bestimmte Methoden können jedoch unter bestimmten Bedingungen fehlschlagen, beispielsweise beim Vorhandensein von Nullen.

In diesem Artikel untersuchen wir ein Prototyp-Skript zum Entfernen von Duplikaten aus einem Array. Wir werden die Probleme mit Nullwerten identifizieren und sie mit einer zuverlässigeren Lösung vergleichen. Wenn Sie diese Unterschiede verstehen, lernen Sie, wie Sie die Array-Eindeutigkeit in JavaScript effektiver handhaben können.

So entfernen Sie Duplikate in JavaScript-Arrays

Das erste Skript, das wir vorgestellt haben, verwendet das new Set() Objekt in JavaScript, um die Eindeutigkeit des Arrays sicherzustellen. A Set ist eine Sammlung von Werten, wobei jeder Wert eindeutig sein muss. Durch die Übergabe eines Arrays an a Set, filtern wir automatisch doppelte Werte heraus. Um die zu konvertieren Set Zurück in ein Array verwenden wir den Spread-Operator [...new Set(array)]. Diese Methode ist prägnant und nutzt die integrierten Funktionen von JavaScript, um das gewünschte Ergebnis effizient zu erzielen.

Wenn Sie beispielsweise ein Array mit doppelten Zahlen, einschließlich Nullen, haben, wie z [1, 2, 2, 3, 4, 4, 5, 0, 0], die Funktion getUniqueValues(array) gibt ein Array mit nur eindeutigen Werten zurück: [1, 2, 3, 4, 5, 0]. Diese Methode ist unkompliziert und verarbeitet alle Arten von Elementen, einschließlich Nullen, problemlos.

Eine benutzerdefinierte Methode zur Sicherstellung eindeutiger Array-Werte

Das zweite Skript definiert eine benutzerdefinierte Methode für Array.prototype angerufen getUnique. Diese Methode verwendet ein Objekt, um die eindeutigen Elemente zu verfolgen. Innerhalb der Methode initialisieren wir zunächst ein leeres Objekt const uniqueElements = {} und ein leeres Array const resultArray = []. Anschließend iterieren wir mit a über das Array for Schleife, wobei jedes Element als Schlüssel in der gespeichert wird uniqueElements Objekt, um sicherzustellen, dass alle Schlüssel eindeutig sind.

Nach dem Auffüllen der uniqueElements Objekt, wir verwenden ein anderes for...in Schleife, um die Schlüssel des Objekts zu durchlaufen und jeden eindeutigen Schlüssel in die zu schieben resultArray. Schließlich kehrt die Methode zurück resultArray, das nur eindeutige Werte enthält. Diese Methode ist besonders lehrreich, da sie zeigt, wie man Eindeutigkeit manuell verwalten und erzwingen kann, ohne sich ausschließlich auf integrierte Funktionen zu verlassen, und ein tieferes Verständnis für den Umgang mit Datenstrukturen in JavaScript vermittelt.

function getUniqueValues(array) {
  return [...new Set(array)];
}

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = getUniqueValues(numbers);
console.log(uniqueNumbers);

Array.prototype.getUnique = function() {
  const uniqueElements = {};
  const resultArray = [];
  for (let i = 0; i < this.length; i++) {
    uniqueElements[this[i]] = this[i];
  }
  for (let key in uniqueElements) {
    resultArray.push(uniqueElements[key]);
  }
  return resultArray;
};

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = numbers.getUnique();
console.log(uniqueNumbers);

Tauchen Sie tief in die Array-Deduplizierungstechniken ein

Eine weitere wichtige Technik zum Entfernen von Duplikaten aus einem Array in JavaScript ist die Verwendung von filter Methode in Kombination mit der indexOf Methode. Bei dieser Methode wird das Array durchlaufen und nur die Elemente einbezogen, deren erstes Vorkommen mit ihrer aktuellen Position übereinstimmt. Dadurch wird sichergestellt, dass jedes Element nur einmal im resultierenden Array enthalten ist, wodurch Duplikate effektiv entfernt werden.

Betrachten Sie beispielsweise ein Array [1, 2, 2, 3, 4, 4, 5, 0, 0]. Durch die Nutzung array.filter((item, index) => array.indexOf(item) === index)können Sie doppelte Werte herausfiltern. Bei diesem Ansatz wird überprüft, ob der Index des aktuellen Elements mit dem ersten Vorkommensindex dieses Elements übereinstimmt. Wenn dies der Fall ist, ist das Element eindeutig und im neuen Array enthalten.