Kuidas teisendada kaardiväärtusi JavaScriptis massiiviks

Kuidas Teisendada Kaardivaartusi Javascriptis Massiiviks



JavaScripti kaardid tutvustatakse ES6-s. See salvestab võtme-väärtuse paarid järjestatud loendis. Kaartide kasutamine võib olla väga kasulik põhiliste võtme-väärtuste paaride (nt ID-d ja kasutajanimed) salvestamisel. Lisaks pakub JavaScript paar meetodit kaardi väärtuste toomiseks itereerimiseks, kuna JavaScripti kaardiobjektid on itereeritavad.

See õpetus kirjeldab kaardi väärtuste massiiviks teisendamise protseduuri.

Kuidas teisendada/muundada kaardiväärtusi JavaScripti abil massiiviks?

Kaardi väärtuste massiiviks teisendamiseks kasutage alltoodud meetodeid.







  • Massiivi.from() meetod
  • Spread operaator

1. meetod: teisendage kaardiväärtused massiiviks, kasutades meetodit Array.from().

Kaardi väärtuste massiiviks teisendamiseks kasutage ' map.values() ' meetod koos ' Array.from() ” meetod. Kaardi väärtuste saamiseks kasutatakse meetodit map.values() ja meetod Array.from() teisendab need väärtused massiiviks.



Süntaks
Järgige antud süntaksit kaardiväärtuste teisendamiseks massiiviks:



Massiiv . alates ( kaart. väärtused ( ) )

Näide
Looge Map() konstruktoriga uus kaardiobjekt:





oli kaart = uus Kaart ( ) ;

Määrake kirjed kaardil võtme-väärtuste paari, kasutades nuppu ' set() ” meetod:

kaart. seatud ( '1' , 'nimi' ) ;
kaart. seatud ( 'kaks' , 'vanus' ) ;
kaart. seatud ( '3' , 'E-post' ) ;
kaart. seatud ( '4' , 'Kontakt#' ) ;

Helistage ' väärtused() ' meetod jaotises ' Array.from() ' meetod kaardi väärtuste saamiseks ja teisendab need massiiviks ja salvestab selle muutujasse ' kaardiVäärtused ”:



oli kaardiVäärtused = Massiiv . alates ( kaart. väärtused ( ) ) ;

Lõpuks printige kaardi väärtused konsooli massiivina:

konsool. logi ( kaardiVäärtused ) ;

Väljund näitab, et kaardi väärtused on edukalt teisendatud massiiviks:

2. meetod: teisendage kaardiväärtused massiiviks Spread Operatori abil

Teine viis kaardi väärtuste massiiviks teisendamiseks on kasutada ' leviku operaator ' koos ' map.values() ” meetod. Meetod map.values() hangib esmalt kaardi väärtused ja levioperaator kopeerib kõik kaardi väärtused massiivi.

Süntaks
Kasutage allolevat süntaksit, et teisendada kaardiväärtused massiiviks, kasutades hajutusoperaatorit:

[ ... kaart . väärtused ( ) ]

Näide
Helistage ' map.values() ' meetod koos ' leviku operaator ', mis teisendab kaardi väärtused massiiviks:

oli kaardiVäärtused = [ ... kaart . väärtused ( ) ] ;

Väljund

Boonusnõuanne

Kui soovite võtmed või kõik kaardikirjed massiiviks teisendada, järgige allolevat jaotist.

Teisendage kaardi võtmed massiiviks, kasutades meetodit Array.from().

Kaardi võtmete ja kõigi kaardi kirjete (võtmeväärtuste paaride) massiiviks teisendamiseks kasutage ' map.Keys() ' meetod ja ' map.entries() ' meetod koos ' Array.from() ” meetod. Meetod map.Keys() hangib kaardi võtmed ja meetodit map.entries() kasutatakse kaardi kirjete toomiseks võtme-väärtuste paaris.

Näide
Kaardivõtmete teisendamiseks helistage map.Keys() ' meetod jaotises ' Array.from() ” meetod:

konst võtmed = Massiiv . alates ( kaart. võtmed ( ) ) ;

Kutsuge meetod map.entries() kui argumendina meetodis Array.from(), et teisendada kõik kaardikirjed massiiviks:

konst sissekandeid = Massiiv . alates ( kaart. sissekandeid ( ) ) ;

Väljund näitab, et kaardi võtmed ja kirjed on edukalt teisendatud massiiviks:

Teisendage kaardiklahvid massiiviks, kasutades Spread Operator meetodit

Vaatame meetodit kaardivõtmete ja kõigi kaardikirjete massiiviks teisendamiseks, kasutades ' leviku operaator ”.

Näide
Helistage ' map.Keys() ” meetod koos levikuoperaatoriga ja salvestage saadud massiiv muutujasse mapKeys:

oli kaardivõtmed = [ ... kaart . võtmed ( ) ] ;

Massiivi kaardikirjete teisendamiseks, kasutades ' map.entries() ” meetod levikuoperaatoriga:

konst kaardikirjed = [ ... kaart . sissekandeid ( ) ] ;

Väljund

Oleme koostanud kogu vajaliku teabe, mis on seotud kaardiväärtuste teisendamiseks massiiviks ning ka võtmete ja kirjete kaardistamiseks JavaScripti abil massiiviks.

Järeldus

Kaardi väärtuste teisendamiseks massiiviks kasutage ' map.values() ' meetod koos ' Array.from() meetod või leviku operaator ”. Kaardi väärtuste hankimiseks kasutatakse meetodit map.values() ja meetod Array.from() teisendab need väärtused massiiviks, samas kui levioperaator kopeerib kõik kaardi väärtused massiivi. See õpetus kirjeldab kaardi väärtuste massiiviks teisendamise protseduuri.