Inhaltsverzeichnis
Wann sollte ich Map anstelle eines normalen Objekts verwenden?
Verwenden Sie Set , um eindeutige Wertesätze zu verwalten
Was sollte beim Überqueren Map und Set beachtet werden
Fassen Sie die Nutzungsszenarien zusammen
Heim Web-Frontend js-Tutorial Arbeiten mit Datenstrukturen 'MAP' und 'SET' in JavaScript

Arbeiten mit Datenstrukturen 'MAP' und 'SET' in JavaScript

Jul 04, 2025 am 02:45 AM
Datenstruktur

MAP und SET werden bevorzugt, wenn es notwendig ist, mit komplexen Schlüsselwertpaaren oder eindeutigen Wertsätzen umzugehen. 1. MAP unterstützt jede Art von Schlüssel, um Konflikte mit Prototypketten zu vermeiden, und liefert intuitivere APIs wie .set (), .get (), .has (), .delete () und .Size; 2. Setzen Sie automatisch Deduplikate, geeignet für die Speicherung nicht wiederholter Werte. Zu den Methoden gehören .Add (), .has (), .delete () und .Size; 3. MAP gibt das Array [Schlüssel, Wert] während des Durchquerens zurück und setzt den Wert selbst, der für ERECHs verwendet oder in Array -Operationen konvertiert werden kann.

Arbeiten mit Datenstrukturen

Map und Set von JavaScript sind bei der Verarbeitung von Daten sehr praktische Strukturen, insbesondere wenn es notwendig ist, Schlüsselwertpaare oder eindeutige Wertessätze effizient zu verwalten. Sie sind flexibler und funktionaler als herkömmliche Objekte und Arrays.

Arbeiten mit Datenstrukturen

Wann sollte ich Map anstelle eines normalen Objekts verwenden?

Wenn Sie eine Schlüsselwertpaarstruktur benötigen und möchten, dass sich der Schlüssel eines beliebigen Typs (z. B. eine Funktion, Objekt oder sogar NaN ) befindet , sollten Sie Map verwenden. Obwohl gewöhnliche Objekte auch Schlüsselwerte speichern können, gibt es mehrere Einschränkungen:

Arbeiten mit Datenstrukturen
  • Schlüssel können nur Saiten oder Symbolen sein
  • Einfach mit Eigenschaften in der Prototyp -Kette zu konflikt
  • Die Anzahl der zu erhaltenen Schlüssel ist nicht intuitiv genug (es muss manuell Object.keys(obj).length sein.

Die API von Map ist klarer, wie .set() , .get() , .has() , .delete() und .size sind alle sehr direkt. Hier ist ein kleines Beispiel:

 const map = new map ();
map.set ('name', 'alice');
map.set (42, 'Antwort');

console.log (map.get (42)); // Antwort

Verwenden Sie Set , um eindeutige Wertesätze zu verwalten

Set ist praktisch, wenn Sie eine Reihe von unduplimierten Werten speichern möchten. Es widmet sich automatisch, was sehr geeignet ist, um Array -Deduplizierung zu behandeln, festzustellen, ob es existiert, usw.

Arbeiten mit Datenstrukturen

Lassen Sie uns ein einfaches Beispiel geben:

 const names = ['Alice', 'Bob', 'Alice', 'Charlie'];
const uniquenames = [... New Set (Namen)]; // ['Alice', 'Bob', 'Charlie']

Im Vergleich zur manuellen Deduplizierung mit filter oder reduce ist die Verwendung Set einfach und effizient. Und seine Methode ist auch sehr intuitiv:

  • .add(value) Element hinzufügen
  • .has(value) bestimmt, ob es existiert
  • .delete(value) Element löschen
  • .size Sie die aktuelle Menge an.

Was sollte beim Überqueren Map und Set beachtet werden

Beide können mit for...of durchquert werden, aber das Format ist etwas anders:

  • Jedes Element ist eine Reihe von [key, value] während Map -Traversal
  • Jeder Element ist der Wert selbst während Set -Traversals

Wenn Sie es gewohnt sind, forEach zu verwenden, können Sie:

 map.foreach ((Wert, Schlüssel) => {
  console.log (`$ {key}: $ {value}`);
});

set.foreach (value => {
  console.log (Wert);
});

Darüber hinaus können sie leicht in Arrays umgewandelt werden, was es einfacher macht, die Operationen zu verfolgen:

 const maparray = [... map]; // [[key1, value1], [key2, value2], ...]
const setArray = [... set];

Fassen Sie die Nutzungsszenarien zusammen

  • Verwenden Sie Map , um komplexe Schlüsselwertbeziehungen zu speichern, insbesondere Nicht-String-Tasten
  • Verarbeiten Sie einzigartige Wertungssammlungen schnell mit Set
  • Achten Sie auf ihre Traversal- und Konversionstechniken

Grundsätzlich ist das alles, nicht kompliziert, aber es ist leicht, einige Details zu ignorieren.

Das obige ist der detaillierte Inhalt vonArbeiten mit Datenstrukturen 'MAP' und 'SET' in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

PHP-Tutorial
1527
276
Vergleichen Sie komplexe Datenstrukturen mithilfe des Java-Funktionsvergleichs Vergleichen Sie komplexe Datenstrukturen mithilfe des Java-Funktionsvergleichs Apr 19, 2024 pm 10:24 PM

Bei der Verwendung komplexer Datenstrukturen in Java wird Comparator verwendet, um einen flexiblen Vergleichsmechanismus bereitzustellen. Zu den spezifischen Schritten gehören: Definieren einer Komparatorklasse und Umschreiben der Vergleichsmethode, um die Vergleichslogik zu definieren. Erstellen Sie eine Komparatorinstanz. Verwenden Sie die Methode „Collections.sort“ und übergeben Sie die Sammlungs- und Komparatorinstanzen.

Java-Datenstrukturen und -Algorithmen: ausführliche Erklärung Java-Datenstrukturen und -Algorithmen: ausführliche Erklärung May 08, 2024 pm 10:12 PM

Datenstrukturen und Algorithmen sind die Grundlage der Java-Entwicklung. In diesem Artikel werden die wichtigsten Datenstrukturen (wie Arrays, verknüpfte Listen, Bäume usw.) und Algorithmen (wie Sortier-, Such-, Diagrammalgorithmen usw.) ausführlich untersucht. Diese Strukturen werden anhand praktischer Beispiele veranschaulicht, darunter die Verwendung von Arrays zum Speichern von Bewertungen, verknüpfte Listen zum Verwalten von Einkaufslisten, Stapel zum Implementieren von Rekursionen, Warteschlangen zum Synchronisieren von Threads sowie Bäume und Hash-Tabellen für schnelle Suche und Authentifizierung. Wenn Sie diese Konzepte verstehen, können Sie effizienten und wartbaren Java-Code schreiben.

PHP-Datenstruktur: Das Gleichgewicht der AVL-Bäume sorgt für eine effiziente und geordnete Datenstruktur PHP-Datenstruktur: Das Gleichgewicht der AVL-Bäume sorgt für eine effiziente und geordnete Datenstruktur Jun 03, 2024 am 09:58 AM

Der AVL-Baum ist ein ausgewogener binärer Suchbaum, der schnelle und effiziente Datenoperationen gewährleistet. Um ein Gleichgewicht zu erreichen, führt es Links- und Rechtsdrehungen durch und passt Teilbäume an, die das Gleichgewicht verletzen. AVL-Bäume nutzen den Höhenausgleich, um sicherzustellen, dass die Höhe des Baums im Verhältnis zur Anzahl der Knoten immer klein ist, wodurch Suchoperationen mit logarithmischer Zeitkomplexität (O(logn)) erreicht werden und die Effizienz der Datenstruktur auch bei großen Datensätzen erhalten bleibt.

Die auf Hash-Tabellen basierende Datenstruktur optimiert die Schnitt- und Vereinigungsberechnungen von PHP-Arrays Die auf Hash-Tabellen basierende Datenstruktur optimiert die Schnitt- und Vereinigungsberechnungen von PHP-Arrays May 02, 2024 pm 12:06 PM

Die Hash-Tabelle kann zur Optimierung von PHP-Array-Schnittpunkt- und Vereinigungsberechnungen verwendet werden, wodurch die Zeitkomplexität von O(n*m) auf O(n+m) reduziert wird. Die spezifischen Schritte sind wie folgt: Verwenden Sie eine Hash-Tabelle, um die Elemente von zuzuordnen Wandeln Sie das erste Array in einen booleschen Wert um, um schnell herauszufinden, ob das Element im zweiten Array vorhanden ist, und um die Effizienz der Schnittpunktberechnung zu verbessern. Verwenden Sie eine Hash-Tabelle, um die Elemente des ersten Arrays als vorhanden zu markieren, und fügen Sie dann die Elemente des zweiten Arrays nacheinander hinzu, wobei Sie vorhandene Elemente ignorieren, um die Effizienz der Vereinigungsberechnungen zu verbessern.

Vollständige Analyse des Java-Sammlungsframeworks: Analyse der Datenstruktur und Enthüllung des Geheimnisses effizienter Speicherung Vollständige Analyse des Java-Sammlungsframeworks: Analyse der Datenstruktur und Enthüllung des Geheimnisses effizienter Speicherung Feb 23, 2024 am 10:49 AM

Überblick über das Java Collection Framework Das Java Collection Framework ist ein wichtiger Teil der Programmiersprache Java. Es stellt eine Reihe von Containerklassenbibliotheken bereit, die Daten speichern und verwalten können. Diese Containerklassenbibliotheken verfügen über unterschiedliche Datenstrukturen, um den Datenspeicher- und -verarbeitungsanforderungen in verschiedenen Szenarien gerecht zu werden. Der Vorteil des Sammlungsframeworks besteht darin, dass es eine einheitliche Schnittstelle bietet, die es Entwicklern ermöglicht, verschiedene Containerklassenbibliotheken auf die gleiche Weise zu betreiben, wodurch die Entwicklungsschwierigkeiten verringert werden. Datenstrukturen des Java-Sammlungsframeworks Das Java-Sammlungsframework enthält eine Vielzahl von Datenstrukturen, von denen jede ihre eigenen einzigartigen Eigenschaften und anwendbaren Szenarien aufweist. Im Folgenden sind einige gängige Datenstrukturen des Java Collection Frameworks aufgeführt: 1. Liste: Liste ist eine geordnete Sammlung, die die Wiederholung von Elementen ermöglicht. Li

Vertieftes Verständnis der Referenztypen in der Go-Sprache Vertieftes Verständnis der Referenztypen in der Go-Sprache Feb 21, 2024 pm 11:36 PM

Referenztypen sind ein spezieller Datentyp in der Go-Sprache. Ihre Werte speichern nicht direkt die Daten selbst, sondern die Adresse der gespeicherten Daten. In der Go-Sprache umfassen Referenztypen Slices, Karten, Kanäle und Zeiger. Ein tiefes Verständnis der Referenztypen ist entscheidend für das Verständnis der Speicherverwaltungs- und Datenübertragungsmethoden der Go-Sprache. In diesem Artikel werden spezifische Codebeispiele kombiniert, um die Merkmale und Verwendung von Referenztypen in der Go-Sprache vorzustellen. 1. Slices Slices sind einer der am häufigsten verwendeten Referenztypen in der Go-Sprache.

C Sprachdatenstruktur: Die Schlüsselrolle von Datenstrukturen in der künstlichen Intelligenz C Sprachdatenstruktur: Die Schlüsselrolle von Datenstrukturen in der künstlichen Intelligenz Apr 04, 2025 am 10:45 AM

C Sprachdatenstruktur: Überblick über die Schlüsselrolle der Datenstruktur in der künstlichen Intelligenz im Bereich der künstlichen Intelligenz sind Datenstrukturen für die Verarbeitung großer Datenmengen von entscheidender Bedeutung. Datenstrukturen bieten eine effektive Möglichkeit, Daten zu organisieren und zu verwalten, Algorithmen zu optimieren und die Programmeffizienz zu verbessern. Gemeinsame Datenstrukturen, die häufig verwendete Datenstrukturen in der C -Sprache sind: Arrays: Eine Reihe von nacheinander gespeicherten Datenelementen mit demselben Typ. Struktur: Ein Datentyp, der verschiedene Arten von Daten zusammen organisiert und ihnen einen Namen gibt. Linked List: Eine lineare Datenstruktur, in der Datenelemente durch Zeiger miteinander verbunden werden. Stack: Datenstruktur, die dem LEST-In-First-Out-Prinzip (LIFO) folgt. Warteschlange: Datenstruktur, die dem First-In-First-Out-Prinzip (FIFO) folgt. Praktischer Fall: Die benachbarte Tabelle in der Graphentheorie ist künstliche Intelligenz

Lernen Sie die Geheimnisse der Datenstrukturen der Go-Sprache ausführlich kennen Lernen Sie die Geheimnisse der Datenstrukturen der Go-Sprache ausführlich kennen Mar 29, 2024 pm 12:42 PM

Eine eingehende Untersuchung der Geheimnisse der Datenstruktur der Go-Sprache erfordert spezifische Codebeispiele. Als prägnante und effiziente Programmiersprache zeigt die Go-Sprache auch ihren einzigartigen Charme bei der Verarbeitung von Datenstrukturen. Datenstruktur ist ein Grundkonzept der Informatik, das darauf abzielt, Daten so zu organisieren und zu verwalten, dass sie effizienter abgerufen und bearbeitet werden können. Indem wir uns eingehend mit den Geheimnissen der Datenstruktur der Go-Sprache befassen, können wir besser verstehen, wie Daten gespeichert und verarbeitet werden, und so die Programmiereffizienz und Codequalität verbessern. 1. Array Array ist eine der einfachsten Datenstrukturen

See all articles