JSON je lagani format integracije podataka koji se uglavnom koristi za pohranu i prijenos podataka s jednog poslužitelja ili sustava na drugi. S druge strane, karta također pohranjuje podatke i koristi format vrijednosti ključa gdje ključ može imati bilo koju vrstu podataka. Programer može dohvatiti određene podatke odabirom odgovarajućeg ključa.
Ovaj članak objašnjava postupak pretvaranja JSON-a u/iz karte u JavaScriptu pokrivajući sljedeće odjeljke:
- Kako pretvoriti JSON podatke u kartu u JavaScriptu?
- Kako pretvoriti JSON podatke iz karte u JavaScript?
- Kako dohvatiti JSON API i pretvoriti njegove podatke u kartu
Kako pretvoriti JSON podatke u kartu u JavaScriptu?
Pretvaranje JSON podataka u mapu čuva format para ključ-vrijednost kao 'Karta' i također pohranjuje podatke u obliku ključ-vrijednost baš kao JSON. Dakle, razvojni programer može zadržati izvorni redoslijed ključeva koji nije zajamčen konverzijom JavaScript objekta. Pretvaranje 'JSON' podatke u 'Karta' nudi veću fleksibilnost i omogućuje razvojnom programeru da koristi ugrađene metode Mape kako bi omogućio jednostavno kretanje kroz podatke.
Posjetimo donji blok koda gdje će se JSON tvrdo kodirani podaci pretvoriti u kartu:
< vrsta skripte = 'tekst/javascript' >
konst jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
konst mapFormat = novi Karta ( Objekt . unose ( JSON. raščlaniti ( jsonFormat ) ) ) ;
konzola. log ( mapFormat ) ;
skripta >
Objašnjenje gornjeg koda je navedeno kao:
- Prvo stvorite varijablu tipa const pod nazivom 'jsonFormat' koji sadrži podatke u JSON formatu tj. u formatu ključ-vrijednost.
- Zatim stvorite novu instancu karte s imenom 'mapFormat' . Da biste analizirali JSON podatke, proslijedite 'mapFormat' unutar “JSON.parse()” metoda.
- Zatim proslijedite rezultat vraćen ovom metodom u “Object.entries()” za stvaranje niza nizova, a svaki unutarnji niz predstavlja parove ključ-vrijednost.
- Proslijedite krajnji rezultat ili sve ove metode uz odgovarajuće poravnanje unutar 'Karta' konstruktor. Sada, njegov primjer 'mapFormat' sadrži konvertirane JSON podatke koji se prikazuju preko prozora konzole pomoću “console.log()” metoda.
Nakon kompilacije gornjeg koda, prozor konzole će izgledati ovako:
Izlaz potvrđuje da su JSON podaci pretvoreni u kartu. Za daljnje informacije i primjere pretvaranja JSON podataka u niz ili kartu, možete posjetiti naš drugi članak .
Kako pretvoriti JSON podatke iz karte u JavaScript?
Pretvaranje podataka u JSON format povećava njihovu doživotnu dostupnost i omogućuje slanje tih podataka bilo gdje putem mreže bez gubitka podataka. Štoviše, JSON format je lako čitljiv i može se koristiti u web API-ju ili konfiguracijskim datotekama. U donjem programu, podaci karte će se pretvoriti u JSON format:
< vrsta skripte = 'tekst/javascript' >konst mapFormat = novi Karta ( [
[ 'autor1' , 'Jackson' ] ,
[ 'autor2' , 'Trska' ] ,
[ 'autor3' , 'Tasha' ] ,
[ 'autor4' , 'Peterson' ] ,
] ) ;
konst jsonFormat = JSON. nanizati ( Objekt . fromEntries ( mapFormat ) ) ;
konzola. log ( jsonFormat ) ;
skripta >
Objašnjenje gornjeg bloka koda navedeno je kao:
- Prvo, instanca imenovana 'mapFormat' kreira se za kartu koja sadrži nekoliko unosa.
- Dalje, “Object.fromEntries()” metoda se koristi i 'mapFormat' prenosi se na njega. Ovo će pretvoriti navedene podatke karte u ugniježđeni niz.
- Zatim se ugniježđeni niz prosljeđuje u “JSON.stringify()” metoda za pretvaranje ugniježđenog niza u JSON format uz očuvanje poravnanja para ključ-vrijednost.
- Na kraju se generirani podaci JSON formata prikazuju preko prozora konzole.
Izlaz generiran nakon kompilacije gornjeg koda prikazan je u nastavku:
Izlaz pokazuje da su podaci karte sada uspješno pretvoreni u JSON format.
Kako dohvatiti JSON API i pretvoriti njegove podatke u kartu?
JSON podaci primljeni od API-ja također se mogu izravno pretvoriti u Map korištenjem istog pristupa opisanog gore u prvom odjeljku. Da biste to učinili, prvo je potrebno dohvatiti API, a zatim se dohvaćeni JSON podaci pretvaraju u kartu, kao što je prikazano u nastavku:
< skripta >asinkroni funkcija pretvoriJSONApi ( ) {
probati {
konst res = čekati dohvaćanje ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
konst jsonFormat = čekati res. json ( ) ;
konst mapFormat = novi Karta ( Objekt . unose ( jsonFormat ) ) ;
konzola. log ( mapFormat ) ;
} ulov ( uzrokPogreška ) {
konzola. greška ( 'Pogreška pri dohvaćanju ili pretvaranju podataka:' , uzrokPogreška ) ;
}
}
pretvoriJSONApi ( ) ;
skripta >
Opis gornjeg koda naveden je u nastavku:
- Prvo, asinkrona funkcija pod nazivom “convertJSONApi()” definira se korištenjem ključne riječi 'async' iza funkcije 'ključna riječ' .
- Zatim upotrijebite 'probati' blokirati i stvoriti a “konst” varijabla tipa 'res' koji će pohraniti dohvaćene podatke iz API-ja. Dohvaćanje se vrši umetanjem API veze unutar 'dohvati()' metoda. Također, priložite 'čekati' ključna riječ iza ovoga 'dohvati()' način čekanja na dolazak svih API podataka.
- Zatim primijenite 'json()' metoda na varijabli 'res' za čitanje svih primljenih ili dohvaćenih podataka. The 'čekati' iza njega se također primjenjuje ključna riječ kako bi se čekalo dovršetak čitanja podataka. Proslijedite rezultat u imenovanoj varijabli 'jsonFormat' .
- Nakon toga, 'jsonFormat' prosljeđuje se unutar imenovane metode “Object.entries()” za stvaranje ugniježđenog niza za navedene podatke. Ovo se zatim prenosi unutar 'Karta()' konstruktor za pretvaranje nizova u Map i pohranjuje se u 'Karta' instanca imenovana 'mapFormat' .
- Ovaj dohvaćeni JSON API koji je sada pretvoren u Map se zatim prikazuje na konzoli prikazivanjem 'mapFormat' varijabla unutar “console.log()” metoda.
- Da biste uhvatili bilo koju uzrokovanu pogrešku tijekom cijelog procesa, upotrijebite 'ulov' blokirati i proslijediti lažni parametar u njemu koji sadrži pogreške koje su se dogodile i za obradu prikazuje lažnu poruku.
Izlaz nakon završetka gornjeg koda prikazan je u nastavku:
Izlaz pokazuje da su podaci JSON formata dohvaćeni iz dostavljenog API-ja, a zatim se ti podaci pretvaraju u kartu.
Naučili ste o procesu pretvaranja JSON-a u Map i Mape u JSON u JavaScriptu.
Zaključak
Za pretvaranje JSON podataka u Map, metode poput “JSON.parse()” i “Object.entries()” su korišteni. Prvi analizira JSON podatke, a drugi stvara ugniježđeni niz analiziranih podataka. U slučaju pretvaranja kartografskih podataka u JSON format, “Object.fromEntries()” i “JSON.stringify()” koriste se metode koje će pretvoriti podatke u ugniježđeni niz i pretvoriti ih u JSON format. Ovaj blog je objasnio postupak pretvaranja JSON-a u i iz karte u JavaScriptu.