Tässä opetusohjelmassa kuvataan menettely, jolla kartan arvot muunnetaan taulukoksi.
Kuinka muuntaa / muuntaa kartta-arvot taulukoksi JavaScriptin avulla?
Muuntaaksesi kartan arvot taulukoksi, käytä alla olevia menetelmiä:
- Array.from() -metodi
- Spread-operaattori
Tapa 1: Muunna karttaarvot taulukoksi käyttämällä Array.from() -menetelmää
Jos haluat muuntaa kartan arvot taulukoksi, käytä ' map.values() ' menetelmällä ' Array.from() ”menetelmä. Map.values()-menetelmää käytetään kartan arvojen saamiseen ja Array.from()-menetelmä muuntaa nämä arvot taulukoksi.
Syntaksi
Noudata annettua syntaksia karttaarvojen muuntamiseksi taulukoksi:
Array . alkaen ( kartta. arvot ( ) )
Esimerkki
Luo uusi karttaobjekti Map()-konstruktorilla:
oli kartta = Uusi Kartta ( ) ;
Aseta merkinnät avain-arvo-pariksi kartalla käyttämällä ' aseta() 'menetelmä:
kartta. aseta ( '1' , 'Nimi' ) ;kartta. aseta ( 'kaksi' , 'Ikä' ) ;
kartta. aseta ( '3' , 'Sähköposti' ) ;
kartta. aseta ( '4' , 'Ottaa yhteyttä#' ) ;
Soita ' arvot() ' menetelmä ' Array.from() 'menetelmä saada kartta-arvot ja muuntaa ne taulukoksi ja tallentaa ne muuttujaan' karttaValueet ':
oli karttaValueet = Array . alkaen ( kartta. arvot ( ) ) ;
Tulosta lopuksi kartta-arvot taulukkona konsoliin:
konsoli. Hirsi ( karttaValueet ) ;Tulos osoittaa, että kartan arvot on muutettu onnistuneesti taulukoksi:
Tapa 2: Muunna karttaarvot taulukoksi Spread-operaattorilla
Toinen tapa muuttaa kartan arvot taulukoksi on käyttää ' levitä operaattori ' kanssa ' map.values() ”menetelmä. Map.values()-menetelmä saa ensin kartan arvot, ja levitysoperaattori kopioi kaikki kartta-arvot taulukkoon.
Syntaksi
Käytä alla olevaa syntaksia kartta-arvojen muuntamiseen taulukoksi hajaoperaattorilla:
Esimerkki
Soita ' map.values() ' menetelmällä ' levitä operaattori ', joka muuntaa kartan arvot taulukoksi:
Lähtö
Bonusvinkki
Jos haluat muuntaa avaimet tai kaikki karttamerkinnät taulukoksi, seuraa alla olevaa osaa.
Muunna karttaavaimet taulukoksi Array.from() -menetelmällä
Jos haluat muuntaa kartan avaimet ja kaikki kartan merkinnät (avainarvoparit) taulukoksi, käytä ' map.Keys() 'menetelmä ja' map.entries() ' menetelmällä ' Array.from() ”menetelmä. Map.Keys()-metodi saa kartan avaimet ja map.entries()-menetelmää käytetään hakemaan kartan merkinnät avain-arvo-parina.
Esimerkki
Jos haluat muuntaa karttaavaimia, soita map.Keys() ' menetelmä ' Array.from() 'menetelmä:
Kutsu map.entries()-metodi argumenttina Array.from()-menetelmässä kaikkien karttamerkintöjen muuntamiseksi taulukoksi:
konst merkinnät = Array . alkaen ( kartta. merkinnät ( ) ) ;Tulos näyttää, että kartan avaimet ja merkinnät muunnetaan onnistuneesti taulukoksi:
Muunna karttaavaimet taulukoksi Spread Operator -menetelmällä
Katsotaanpa, miten karttaavaimet ja kaikki karttamerkinnät muunnetaan taulukoksi käyttämällä ' levitä operaattori ”.
Esimerkki
Soita ' map.Keys() ” -menetelmällä leviämisoperaattorilla ja tallenna tuloksena oleva taulukko muuttujaan mapKeys:
Matriisin karttamerkintöjen muuntamiseen käyttämällä ' map.entries() ”-menetelmä levitysoperaattorilla:
konst karttamerkinnät = [ ... kartta . merkinnät ( ) ] ;Lähtö
Olemme koonneet kaikki tarvittavat tiedot kartta-arvojen muuntamisesta taulukoksi sekä kartoittaa avaimet ja merkinnät taulukkoon JavaScriptin avulla.
Johtopäätös
Jos haluat muuntaa karttaarvot taulukoksi, käytä ' map.values() ' menetelmällä ' Array.from() ”menetelmä tai ” levitä operaattori ”. Map.values()-menetelmää käytetään kartan arvojen saamiseen, ja Array.from()-menetelmä muuntaa nämä arvot taulukoksi, kun taas hajautusoperaattori kopioi kaikki karttaarvot taulukkoon. Tässä opetusohjelmassa kuvataan menettely, jolla kartan arvot muunnetaan taulukoksi.