Ang JSON ay isang magaan na format ng pagsasama ng data na pangunahing ginagamit upang mag-imbak at maghatid ng data mula sa isang server o system patungo sa isa pa. Sa kabilang banda, nag-iimbak din ng data ang isang Map at ginagamit nito ang format ng key value kung saan maaaring magkaroon ng anumang uri ng data ang key. Maaaring kunin ng developer ang partikular na data sa pamamagitan ng pagpili sa kaukulang key nito.
Ipinapaliwanag ng artikulong ito ang proseso ng pag-convert ng JSON sa/mula sa isang Map sa JavaScript sa pamamagitan ng pagsakop sa mga sumusunod na seksyon:
- Paano I-convert ang Data ng JSON sa isang Mapa sa JavaScript?
- Paano I-convert ang Data ng JSON Mula sa isang Mapa sa JavaScript?
- Paano Kunin ang JSON API at I-convert ang Data nito sa Mapa
Paano I-convert ang Data ng JSON sa isang Mapa sa JavaScript?
Ang pag-convert ng data ng JSON sa isang Map ay nagpapanatili ng key-value pair format bilang “Mapa” at nag-iimbak din ng data sa key-value form tulad ng JSON. Kaya, mapanatili ng developer ang orihinal na pagkakasunud-sunod ng mga susi na hindi ginagarantiyahan sa conversion ng object ng JavaScript. Nagko-convert “JSON” data sa “Mapa” nag-aalok ng higit na kakayahang umangkop at nagbibigay-daan sa developer na gumamit ng mga built-in na pamamaraan ng Map upang magbigay ng kadalian habang binabagtas ang data.
Bisitahin natin ang block ng code sa ibaba kung saan ang JSON hard-coded data ay gagawing Map:
< uri ng script = 'text/javascript' >
const jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
const mapFormat = bago Mapa ( Bagay . mga entry ( JSON. pag-parse ( jsonFormat ) ) ) ;
console. log ( mapFormat ) ;
iskrip >
Ang paliwanag ng code sa itaas ay nakasaad bilang:
- Una, lumikha ng isang variable na uri ng const na pinangalanan 'jsonFormat' na naglalaman ng data sa JSON format i.e. sa key-value format.
- Susunod, gumawa ng bagong instance ng Map na may pangalan “mapFormat” . Upang i-parse ang data ng JSON, ipasa ang “mapFormat” sa loob ng “JSON.parse()” paraan.
- Pagkatapos, ipasa ang resulta na ibinalik ng pamamaraang ito sa “Object.entry()” upang lumikha ng isang array ng mga array at ang bawat panloob na array ay kumakatawan sa mga key-value na pares.
- Ipasa ang resulta o lahat ng mga pamamaraang ito sa wastong pagkakahanay sa loob ng “Mapa” tagabuo. Ngayon, ang halimbawa nito “mapFormat” naglalaman ng na-convert na data ng JSON na ipinapakita sa console window gamit ang “console.log()” paraan.
Pagkatapos ng compilation ng code sa itaas, ang console window ay magiging ganito:
Kinukumpirma ng output na ang data ng JSON ay na-convert sa Map. Para sa karagdagang impormasyon at mga halimbawa upang i-convert ang data ng JSON sa isang array o Map, maaari mong bisitahin ang aming iba pa artikulo .
Paano I-convert ang Data ng JSON Mula sa isang Mapa sa JavaScript?
Ang pag-convert ng data sa format na JSON ay nagpapahusay sa panghabambuhay nitong availability at nagbibigay-daan sa iyong ipadala ang data na ito saanman sa network nang hindi nawawala ang data. Bukod dito, ang format ng JSON ay madaling mabasa ng tao at magagamit sa web API o mga configuration file. Sa programa sa ibaba, ang data ng Map ay iko-convert sa JSON na format:
< uri ng script = 'text/javascript' >const mapFormat = bago Mapa ( [
[ 'may-akda1' , 'Jackson' ] ,
[ 'may-akda2' , 'Reed' ] ,
[ 'may-akda3' , 'Tasha' ] ,
[ 'may-akda4' , 'Peterson' ] ,
] ) ;
const jsonFormat = JSON. higpitan ( Bagay . fromEntries ( mapFormat ) ) ;
console. log ( jsonFormat ) ;
iskrip >
Ang paliwanag ng bloke ng code sa itaas ay nakasaad bilang:
- Una, ang halimbawang pinangalanan “mapFormat” ay nilikha para sa Map na naglalaman ng ilang mga entry.
- Susunod, ang “Object.fromEntries()” paraan ang ginagamit at ang “mapFormat” ay ipinapasa dito. Iko-convert nito ang ibinigay na data ng Map sa isang nested array.
- Pagkatapos, ang nested array ay ipinapasa sa “JSON.stringify()” paraan para i-convert ang nested array sa JSON na format habang pinapanatili ang alignment ng key-value pair.
- Sa huli, ang nabuong data ng format ng JSON ay ipapakita sa console window.
Ang output na nabuo pagkatapos ng compilation ng code sa itaas ay ipinapakita sa ibaba:
Ipinapakita ng output na matagumpay na na-convert ang data ng Map sa JSON na format.
Paano Kunin ang JSON API at I-convert ang Data nito sa Mapa?
Ang data ng JSON na natanggap mula sa API ay maaari ding direktang i-convert sa Map sa pamamagitan ng paggamit ng parehong diskarte na inilarawan sa itaas sa unang seksyon. Upang gawin ito, kailangan munang makuha ang API pagkatapos ay mako-convert sa Map ang nakuhang data ng JSON, tulad ng ipinapakita sa ibaba:
< iskrip >async function convertJSONApi ( ) {
subukan {
const res = hintayin ang sundo ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
const jsonFormat = maghintay ng res. json ( ) ;
const mapFormat = bago Mapa ( Bagay . mga entry ( jsonFormat ) ) ;
console. log ( mapFormat ) ;
} mahuli ( causeError ) {
console. pagkakamali ( 'Error sa pagkuha o pag-convert ng data:' , causeError ) ;
}
}
convertJSONApi ( ) ;
iskrip >
Ang paglalarawan ng code sa itaas ay nakasaad sa ibaba:
- Una, pinangalanan ang asynchronous function 'convertJSONApi()' ay tinukoy sa pamamagitan ng paggamit ng keyword na 'async' sa likod ng function 'keyword' .
- Susunod, gamitin ang 'subukan' harangan at lumikha ng a “const” uri ng variable 'res' na mag-iimbak ng nakuhang data mula sa API. Ang pagkuha ay ginagawa sa pamamagitan ng pagpasok ng API link sa loob ng “kunin ()” paraan. Gayundin, ilakip ang “maghintay” keyword sa likod nito “kunin ()” paraan upang maghintay para sa pagdating ng lahat ng data ng API.
- Pagkatapos, ilapat ang “json()” paraan sa variable na 'res' para basahin ang lahat ng natanggap o nakuhang data. Ang “maghintay” Inilapat din ang keyword sa likod nito upang maghintay para sa pagkumpleto ng pagbabasa ng data. Ipasa ang resulta sa variable na pinangalanan 'jsonFormat' .
- Pagkatapos nito, ang 'jsonFormat' ay ipinasa sa loob ng pamamaraang pinangalanan “Object.entry()” para gumawa ng nested array para sa ibinigay na data. Ito ay ipinapasa sa loob ng “Mapa()” constructor upang i-convert ang mga array sa Map at maiimbak sa “Mapa” halimbawang pinangalanan “mapFormat” .
- Ang kinuhang JSON API na ito na ngayon ay na-convert sa Map ay ipapakita sa console sa pamamagitan ng pagpapakita ng “mapFormat” variable sa loob ng “console.log()” paraan.
- Upang mahuli ang anumang sanhi ng error sa buong proseso, gamitin ang 'huli' i-block at ipasa ang isang dummy parameter dito na naglalaman ng mga naganap na error at upang mahawakan ito ay nagpapakita ng isang dummy na mensahe.
Ang output pagkatapos makumpleto ang code sa itaas ay ipinapakita sa ibaba:
Ipinapakita ng output na ang data ng format ng JSON ay nakuha mula sa ibinigay na API at pagkatapos ay ang data na ito ay na-convert sa Map.
Natutunan mo ang tungkol sa proseso ng pag-convert ng JSON sa Map at Map sa JSON sa JavaScript.
Konklusyon
Upang i-convert ang data ng JSON sa Map, mga pamamaraan tulad ng “JSON.parse()” at “Object.entry()” ay ginamit. Pina-parse ng una ang data ng JSON, at ang pangalawa ay gumagawa ng nested array ng na-parse na data. Sa kaso ng pag-convert ng data ng Map sa JSON format, ang “Object.fromEntries()” at “JSON.stringify()” ginagamit ang mga pamamaraan na magko-convert ng data sa isang nested array at iko-convert ito sa JSON format ayon sa pagkakabanggit. Ipinaliwanag ng blog na ito ang pamamaraan sa pag-convert ng JSON sa at mula sa isang Map sa JavaScript.