Vorteile der Verwendung von Dictionary oder Map Object in Angular

Dec 25 2022
Eine kurze Einführung in Dictionary oder Map Object. Kurz gesagt, es wird verwendet, um Schlüssel-Wert-Paare zu verwalten.

Eine kurze Einführung in Dictionary oder Map Object. Kurz gesagt, es wird verwendet, um Schlüssel-Wert-Paare zu verwalten.

Unten ist die primäre Verwendung von Map Object.

Zunächst verwenden wir das folgende MODEL als Beispiel zum Speichern unserer Werte.

Dann verwenden wir eine Klasse als SERVICE, um unser Kartenobjekt zu verwalten.

So fügen Sie einen Datensatz in unserem Kartenobjekt hinzu:

So löschen Sie einen Datensatz in unserem Kartenobjekt:

So erhalten Sie einen Wert in unserem Kartenobjekt:

So erhalten Sie die Schlüssel in unserem Kartenobjekt:

So erhalten Sie die Schlüssel-Wert-Paare in unserem Map-Objekt:

So erhalten Sie die Werte in unserem Kartenobjekt:

So erhalten Sie die Länge oder Größe unseres Kartenobjekts:

Das fasst die Nutzung zusammen. Ziemlich einfach, oder?

Jetzt können wir es in unserer Angular-Komponente wie im folgenden Code-Snippet verwenden.

Was sind also die VORTEILE der Verwendung?

  • Einfach zu verwalten, zu löschen, zu aktualisieren oder einen Datensatz zu erhalten
  • Es ist nicht erforderlich, einen Index zu verwenden, um etwas mit dem Datensatz zu tun
  • Verhindert Objektinjektionsangriffe
  • In Array umwandelbar
  • Verwendet standardmäßig Iterable
  • Iterable kann direkt in der *ngFor-Direktive von Angular verwendet werden
  • Stellen Sie sicher, dass die downlevelIteration in Ihrer tsconfig-Datei aktiviert ist
    Lassen Sie uns die Werte als IterableIterator in unserem SERVICE verfügbar machen
    Lassen Sie uns eine Person zu unserem Kartenobjekt hinzufügen und die Iterable-Werte in unserer Angular-Vorlage verwenden
    So verwenden Sie die Iterable-Werte in unserer Angular-Vorlage, ähnlich wie wir das normale Array loopen

Derzeit wird es im Kartenobjekt selbst nicht unterstützt, aber unten ist eine Problemumgehung zum Sortieren der Schlüssel-Wert-Paare.

Fügen wir unserem SERVICE eine Sortiermethode hinzu. Wir müssen unser Map-Objekt löschen und die Schlüssel-Wert-Paare erneut einfügen
Dann fügen wir weitere Werte in unserem Map-Objekt hinzu und rufen die sort-Methode auf, die wir gerade in unserem SERVICE hinzugefügt haben
Schließlich wird dies unsere Ausgabe nach dem Sortieren sein

Wir können einfach das normale Array zum Sortieren verwenden, sodass wir unser Map-Objekt nicht zurücksetzen müssen.

Danke fürs Lesen! Vergessen Sie nicht, sich zu abonnieren, wenn Sie weitere Updates wünschen!

Ihr dürft auch helfen, indem ihr mir einen Kaffee ☕️ für eine kleine Unterstützung kauft.