Wie sortiere ich eine ES6-Karte in JavaScript?

Wie Sortiere Ich Eine Es6 Karte In Javascript



Beim Umgang mit den Daten in großen Mengen besteht die Anforderung, die zu identifizierenden Daten richtig zu sortieren. Zum Beispiel beim Abrufen eines bestimmten Namens basierend auf einem Zeichen. Darüber hinaus verbessert es die Visualisierung und Analyse und reduziert die verbrauchte Zeit. In einem solchen Fall ist das Sortieren einer ES6-Karte in JavaScript eine effiziente Technik zum Suchen bestimmter Daten.

In diesem Blog wird erläutert, wie eine ES6-Karte in JavaScript sortiert wird.







Wie sortiere ich eine ES6-Karte mit JavaScript?

Ein ' ES6-Karte “ kann in JavaScript sortiert werden, indem ein neues Kartenobjekt erstellt und in Kombination mit dem „ Verbreitung “-Operator und der “ Sortieren() ' Methode.



Beispiel 1: Sortieren Sie eine ES6-Karte in JavaScript nach alphabetischen Zeichen



In diesem Beispiel wird erläutert, wie eine Karte nach alphabetischen Zeichen sortiert wird.





Syntax

einstellen ( Schlüsselwert ) ;



In der obigen Syntax:

Schlüssel ' und ' Wert “ entsprechen einem Objekt oder einer Variablen eines beliebigen Datentyps.

Folgen wir dem unten angegebenen Code:

< Skript Typ = 'text/javascript' >
var sortMap = neue Karte ( ) ;
sortMap.set ( 'd' , '55' ) ;
sortMap.set ( 'b' , '75' ) ;
sortMap.set ( 'c' , '65' ) ;
sortMap.set ( 'a' , '85' ) ;
var updatedMap = neue Karte ( [ ...sortMap ] .Sortieren ( ) ) ;
Konsole.log ( aktualisiertKarte ) ;
Skript >

Führen Sie im obigen Code-Snippet die folgenden Schritte aus:

  • Erstelle eine neue ' Karte ” Objekt mit dem “ Karte() ' Konstrukteur.
  • Stellen Sie danach die angegebenen alphabetischen Zeichen zusammen mit den angegebenen Werten in Form von „ Schlüsselwert “Paare.
  • Erstellen Sie im nächsten Schritt ein neues „ Karte ”-Objekt und platzieren Sie darin die eingestellten Werte mit dem “ Verbreitung ' Operator.
  • Wenden Sie auch das „ Sortieren() ”-Methode, um die Buchstaben des Alphabets zu sortieren und die aktualisierte Karte anzuzeigen.

Ausgabe

Aus der obigen Ausgabe ist ersichtlich, dass die Karte nach alphabetischen Zeichen sortiert ist.

Beispiel 2: Sortieren Sie eine ES6-Karte in JavaScript nach Zahlen

Dieses Beispiel führt zum Sortieren einer Karte nach Nummern.

Betrachten wir das unten angegebene Beispiel:

< Skript Typ = 'text/javascript' >
var sortMap = neue Karte ( ) ;
sortMap.set ( '3' , 'Harri' ) ;
sortMap.set ( '1' , 'David' ) ;
sortMap.set ( 'zwei' , 'ablehnen' ) ;
var updatedMap = neue Karte ( [ ...sortMap.Einträge ( ) ] .Sortieren ( ) ) ;
Konsole.log ( aktualisiertKarte ) ;
Skript >

Im obigen Code-Snippet:

  • Wiederholen Sie die besprochenen Schritte im vorherigen Beispiel, um ein neues „ Karte ”-Objekt und das Setzen der darin enthaltenen Werte mit dem „ einstellen() ' Methode.
  • Wenden Sie im nächsten Schritt in ähnlicher Weise das „ Verbreitung “-Operator und der “ Sortieren() ” Methode zum Sortieren der Karte basierend auf den Satznummern.
  • Das zusätzliche ' Einträge() “-Methode führt hier zur Rückgabe der Karte als „ Schlüsselwert “Paare.

Ausgabe

In der obigen Ausgabe ist ersichtlich, dass die Karte basierend auf den Zahlen sortiert ist.

Fazit

Ein ' ES6-Karte “ kann in JavaScript sortiert werden, indem das Kartenobjekt in Kombination mit dem „ Verbreitung “-Operator und der “ Sortieren() ” Methode auf die Alphabete und Zahlen. Dies kann erreicht werden, indem ein neues Kartenobjekt erstellt und die Werte darin in Form von „ Schlüsselwert ” paaren und sie dann basierend auf den enthaltenen alphabetischen Zeichen im ersten Beispiel und den Zahlen im anderen Beispiel sortieren. In diesem Blog wird erläutert, wie Sie eine ES6-Karte in JavaScript sortieren.