Paano Pagbukud-bukurin ang isang ES6 Map sa JavaScript?

Paano Pagbukud Bukurin Ang Isang Es6 Map Sa Javascript



Habang nakikitungo sa data nang maramihan, mayroong isang kinakailangan upang ayusin ang data upang matukoy nang maayos. Halimbawa, sa pagkuha ng isang partikular na pangalan batay sa isang karakter. Bilang karagdagan sa na, pinahuhusay nito ang visualization, pagsusuri, at binabawasan ang natupok na oras. Sa ganoong kaso, ang pag-uuri ng isang ES6 na mapa sa JavaScript ay isang mahusay na pamamaraan para sa paghahanap ng partikular na data.

Ipapaliwanag ng blog na ito kung paano pag-uri-uriin ang isang ES6 Map sa JavaScript.







Paano Pagbukud-bukurin ang isang ES6 Map Gamit ang JavaScript?

isang ' Mapa ng ES6 ' ay maaaring pagbukud-bukurin sa JavaScript sa pamamagitan ng paglikha ng isang bagong mapa object at paglalapat nito kasama ng ' paglaganap 'operator at ang' sort() ” paraan.



Halimbawa 1: Pagbukud-bukurin ang isang ES6 Map sa JavaScript Ayon sa mga Alphabetical Character



Ipapaliwanag ng halimbawang ito kung paano pagbukud-bukurin ang isang mapa ayon sa mga alpabetikong character.





Syntax

itakda ( susi, halaga ) ;



Sa itaas na syntax:

susi 'at' halaga ” tumutugma sa isang bagay o isang variable ng anumang uri ng data.

Sundin natin ang nakasaad sa ibaba na code:

< iskrip uri = 'text/javascript' >
var sortMap = bagong Mapa ( ) ;
sortMap.set ( 'd' , '55' ) ;
sortMap.set ( 'b' , '75' ) ;
sortMap.set ( 'c' , '65' ) ;
sortMap.set ( 'a' , '85' ) ;
var updatedMap = bagong Mapa ( [ ...sortMap ] .uri ( ) ) ;
console.log ( updatedMap ) ;
iskrip >

Sa snippet ng code sa itaas, gawin ang mga sumusunod na hakbang:

  • Gumawa ng bago ' mapa 'bagay gamit ang ' Mapa() ” constructor.
  • Pagkatapos nito, itakda ang nakasaad na alpabetikong mga character kasama ang mga nakasaad na halaga sa anyo ng ' key-value ” pares.
  • Sa susunod na hakbang, lumikha ng bagong ' mapa ” object at ilagay ang mga set value dito gamit ang “ paglaganap ” operator.
  • Gayundin, ilapat ang ' sort() ” paraan upang pagbukud-bukurin ang mga karakter ng alpabeto at ipakita ang na-update na mapa.

Output

Mula sa output sa itaas, mapapansin na ang mapa ay pinagsunod-sunod batay sa alpabetikong mga karakter.

Halimbawa 2: Pagbukud-bukurin ang isang ES6 Map sa JavaScript Ayon sa Mga Numero

Ang halimbawang ito ay hahantong sa pag-uuri ng isang mapa ayon sa mga numero.

Pagmasdan natin ang ibinigay na halimbawa sa ibaba:

< iskrip uri = 'text/javascript' >
var sortMap = bagong Mapa ( ) ;
sortMap.set ( '3' , 'Harry' ) ;
sortMap.set ( '1' , 'David' ) ;
sortMap.set ( 'dalawa' , 'tanggihan' ) ;
var updatedMap = bagong Mapa ( [ ...sortMap.entry ( ) ] .uri ( ) ) ;
console.log ( updatedMap ) ;
iskrip >

Sa snippet ng code sa itaas:

  • Ulitin ang tinalakay na mga hakbang sa nakaraang halimbawa para sa paglikha ng bagong “ mapa ' object at pagtatakda ng mga halaga dito gamit ang ' itakda() ” paraan.
  • Sa susunod na hakbang, gayundin, ilapat ang ' paglaganap 'operator at ang' sort() ” paraan para sa pag-uuri ng mapa batay sa mga itinakdang numero.
  • Ang karagdagang ' mga entry() Ang pamamaraan dito ay nagreresulta sa pagbabalik ng mapa bilang ' key-value ” pares.

Output

Sa output sa itaas, maliwanag na ang mapa ay pinagsunod-sunod batay sa mga numero.

Konklusyon

isang ' Mapa ng ES6 ' ay maaaring pag-uri-uriin sa JavaScript sa pamamagitan ng paglalapat ng mapa object na pinagsama sa ' paglaganap 'operator at ang' sort() ” paraan sa mga alpabeto at numero. Ito ay maaaring makamit sa pamamagitan ng paglikha ng isang bagong bagay sa mapa at pagtatakda ng mga halaga dito sa anyo ng ' key-value ” pares at pagkatapos ay pag-uuri-uriin ang mga ito batay sa nakapaloob na mga alpabetikong karakter sa unang halimbawa at ang mga numero sa kabilang halimbawa. Ipinapaliwanag ng blog na ito kung paano ayusin ang isang ES6 na mapa sa JavaScript.