Heim > Web-Frontend > js-Tutorial > Wie kann ich doppelte Werte, einschließlich Null, effizient aus einem JavaScript-Array entfernen?

Wie kann ich doppelte Werte, einschließlich Null, effizient aus einem JavaScript-Array entfernen?

Barbara Streisand
Freigeben: 2024-12-21 06:31:13
Original
536 Leute haben es durchsucht

How Can I Efficiently Remove Duplicate Values from a JavaScript Array, Including Zero?

Identifizieren von Duplikaten in JavaScript-Arrays mit Prototype

In JavaScript ist es oft notwendig, doppelte Werte aus Arrays zu entfernen. Ein beliebter Ansatz besteht darin, den Array-Prototyp mit einer benutzerdefinierten „getUnique“-Funktion zu erweitern, wie unten gezeigt:

Array.prototype.getUnique = function() {
  var o = {}, a = [], i, e;
  for (i = 0; e = this[i]; i++) {o[e] = 1};
  for (e in o) {a.push (e)};
  return a;
}
Nach dem Login kopieren

Dieses Skript stößt jedoch auf Probleme, wenn das Array einen Nullwert enthält. Um zu verstehen, warum, untersuchen wir das Problem im Detail.

Die Funktion „getUnique“ verwendet ein Objekt „o“ als temporären Speicher für Werte. Dies funktioniert gut für Werte, die als Objektschlüssel dienen können, z. B. Zeichenfolgen oder Zahlen ungleich Null. Allerdings behandelt JavaScript die Zahl Null ('0') als falschen Wert, was bedeutet, dass 'o[0]' als 'falsch' ausgewertet wird.

Beim Durchlaufen von Objektschlüsseln werden falsche Werte übersprungen, was dazu führt das Weglassen von Null aus dem resultierenden eindeutigen Array. Dieses Verhalten unterscheidet sich von der beabsichtigten Operation, bei der Null als gültiger eindeutiger Wert behandelt wird.

Native Lösung mit Filter

In modernen JavaScript-Umgebungen (ES5 und höher) Ein präziserer und effizienterer Ansatz ist mit der Methode „filter“ verfügbar:

function onlyUnique(value, index, array) {
  return array.indexOf(value) === index;
}

// usage example:
var a = ['a', 1, 'a', 2, '1'];
var unique = a.filter(onlyUnique);

console.log(unique); // ['a', 1, 2, '1']
Nach dem Login kopieren

Die Methode „filter“ verwendet eine Rückruffunktion, die „true“ zurückgibt jedes einzelne Element, das in das neue Array aufgenommen werden soll. In diesem Fall prüft unser Rückruf, ob der Index des aktuellen Elements im Array mit seiner Position im Rückruf übereinstimmt, und bestätigt so seine Eindeutigkeit. Dieser Ansatz basiert nicht auf Objektschlüsseln und verarbeitet Nullwerte korrekt.

Das obige ist der detaillierte Inhalt vonWie kann ich doppelte Werte, einschließlich Null, effizient aus einem JavaScript-Array entfernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage