Wie zähle ich doppelte Elemente in einem JavaScript-Array?
Nov 28, 2024 pm 03:44 PMZählen doppelter Elemente in einem Array in JavaScript
In JavaScript kann es vorkommen, dass Sie die Häufigkeit doppelter Elemente ermitteln müssen innerhalb eines Arrays. Dies ist besonders nützlich für Aufgaben wie Datenbereinigung, Analyse und Filterung.
Angenommen, Sie haben ein Array namens uniqueCount mit Werten [a,b,c,d,d,e,a,b,c, f,g,h,h,h,e,a]. Ihr Ziel ist es, die Anzahl der Vorkommen für jeden eindeutigen Wert im Array zu zählen.
Um dies zu erreichen, können Sie das folgende Code-Snippet nutzen:
const counts = {}; const sampleArray = ['a', 'a', 'b', 'c']; sampleArray.forEach(function (x) { counts[x] = (counts[x] || 0) + 1; }); console.log(counts);
Dieser Code durchläuft das Array mit der forEach-Methode. Für jedes Element x prüft es, ob das counts-Objekt einen Schlüssel für dieses Element hat. Wenn nicht, wird ein Schlüssel mit dem Wert 0 erstellt.
Die counts[x] || Die 0-Syntax stellt sicher, dass der mit dem Element verknüpfte Wert auf 0 initialisiert wird, wenn er nicht existiert, wodurch potenzielle Fehler effektiv vermieden werden.
Der Inkrementoperator (counts[x] || 0) 1 fügt 1 zur Anzahl hinzu für das jeweilige Element.
Wenn die Schleife abgeschlossen ist, enthält das counts-Objekt die Anzahl jedes einzelnen Elements im ursprünglichen Array. Die Anzahl der Konsolenprotokolle zeigt das Ergebnis an:
{ a: 3, b: 1, c: 2, d: 2, e: 2, f: 1, g: 1, h: 3 }
In diesem Beispiel enthält das Array drei Instanzen von „a“, eine Instanz von „b“, zwei Instanzen von „c“ und zwei Instanzen von „d“. ', zwei Instanzen von 'e', eine Instanz von 'f', eine Instanz von 'g' und drei Instanzen von 'h'.
Das obige ist der detaillierte Inhalt vonWie zähle ich doppelte Elemente in einem JavaScript-Array?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Ersetzen Sie Stringzeichen in JavaScript

JQuery überprüfen, ob das Datum gültig ist

Benutzerdefinierte Google -Search -API -Setup -Tutorial

HTTP-Debugging mit Knoten und HTTP-Konsole

JQuery fügen Sie Scrollbar zu Div hinzu
