JSON je lahek format integracije podatkov, ki se v glavnem uporablja za shranjevanje in prenos podatkov iz enega strežnika ali sistema v drugega. Po drugi strani pa zemljevid tudi shranjuje podatke in uporablja obliko vrednosti ključa, kjer ima ključ lahko katero koli vrsto podatkov. Razvijalec lahko pridobi določene podatke tako, da izbere ustrezni ključ.
Ta članek pojasnjuje postopek pretvorbe JSON v/iz zemljevida v JavaScriptu, tako da obravnava naslednje razdelke:
- Kako pretvoriti podatke JSON v zemljevid v JavaScriptu?
- Kako pretvoriti podatke JSON iz zemljevida v JavaScript?
- Kako pridobiti JSON API in pretvoriti njegove podatke v zemljevid
Kako pretvoriti podatke JSON v zemljevid v JavaScriptu?
Pretvorba podatkov JSON v zemljevid ohrani obliko para ključ-vrednost kot 'Zemljevid' in tudi shranjuje podatke v obliki ključ-vrednost tako kot JSON. Tako lahko razvijalec ohrani prvotni vrstni red ključev, kar ni zagotovljeno s pretvorbo objekta JavaScript. Pretvarjanje »JSON« podatke v 'Zemljevid' ponuja večjo prilagodljivost in omogoča razvijalcu uporabo vgrajenih metod Map za zagotavljanje enostavnosti med premikanjem po podatkih.
Oglejmo si spodnji kodni blok, kjer bodo trdo kodirani podatki JSON pretvorjeni v zemljevid:
< vrsta skripte = 'besedilo/javascript' >
konst jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
konst mapFormat = novo Zemljevid ( Objekt . vnosi ( JSON. razčleniti ( jsonFormat ) ) ) ;
konzola. dnevnik ( mapFormat ) ;
scenarij >
Razlaga zgornje kode je navedena kot:
- Najprej ustvarite spremenljivko tipa const z imenom 'jsonFormat' ki vsebuje podatke v formatu JSON, tj. v formatu ključ-vrednost.
- Nato ustvarite nov primerek zemljevida z imenom 'mapFormat' . Če želite razčleniti podatke JSON, posredujte 'mapFormat' znotraj »JSON.parse()« metoda.
- Nato posredujte rezultat, ki ga vrne ta metoda, v “Object.entries()” da ustvarite matriko matrik in vsaka notranja matrika predstavlja pare ključ-vrednost.
- Prenesite končni rezultat ali vse te metode ob pravilni poravnavi znotraj 'Zemljevid' konstruktor. Zdaj pa njegov primer 'mapFormat' vsebuje pretvorjene podatke JSON, ki se prikažejo v oknu konzole z uporabo “console.log()” metoda.
Po prevajanju zgornje kode bo okno konzole videti takole:
Izhod potrjuje, da so bili podatki JSON pretvorjeni v Map. Za dodatne informacije in primere za pretvorbo podatkov JSON v niz ali zemljevid lahko obiščete naš drugi Članek .
Kako pretvoriti podatke JSON iz zemljevida v JavaScript?
Pretvarjanje podatkov v format JSON poveča njihovo življenjsko dobo in vam omogoča pošiljanje teh podatkov kamor koli po omrežju brez izgube podatkov. Poleg tega je format JSON zlahka berljiv in ga je mogoče uporabiti v spletnem API-ju ali konfiguracijskih datotekah. V spodnjem programu bodo podatki zemljevida pretvorjeni v format JSON:
< vrsta skripte = 'besedilo/javascript' >konst mapFormat = novo Zemljevid ( [
[ 'avtor1' , 'Jackson' ] ,
[ 'avtor2' , 'Reed' ] ,
[ 'avtor3' , 'Tasha' ] ,
[ 'avtor4' , 'Peterson' ] ,
] ) ;
konst jsonFormat = JSON. nanizati ( Objekt . fromEntries ( mapFormat ) ) ;
konzola. dnevnik ( jsonFormat ) ;
scenarij >
Razlaga zgornjega bloka kode je navedena kot:
- Prvič, imenovani primer 'mapFormat' se ustvari za zemljevid, ki vsebuje več vnosov.
- Naprej, “Object.fromEntries()” metoda se uporablja in 'mapFormat' se ji posreduje. To bo pretvorilo posredovane podatke zemljevida v ugnezdeno matriko.
- Nato se ugnezdena matrika posreduje v “JSON.stringify()” metodo za pretvorbo ugnezdene matrike v format JSON, pri čemer ohranite poravnavo para ključ-vrednost.
- Na koncu se ustvarjeni podatki v formatu JSON prikažejo v oknu konzole.
Izhod, ustvarjen po prevajanju zgornje kode, je prikazan spodaj:
Izhod kaže, da so podatki zemljevida zdaj uspešno pretvorjeni v format JSON.
Kako pridobiti JSON API in pretvoriti njegove podatke v zemljevid?
Podatke JSON, prejete iz API-ja, je mogoče tudi neposredno pretvoriti v zemljevid z uporabo istega pristopa, opisanega zgoraj v prvem razdelku. Če želite to narediti, je treba najprej pridobiti API, nato pa se pridobljeni podatki JSON pretvorijo v zemljevid, kot je prikazano spodaj:
< scenarij >asinh funkcijo convertJSONApi ( ) {
poskusi {
konst res = počakaj prinesi ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
konst jsonFormat = čakati res. json ( ) ;
konst mapFormat = novo Zemljevid ( Objekt . vnosi ( jsonFormat ) ) ;
konzola. dnevnik ( mapFormat ) ;
} ulov ( vzrokError ) {
konzola. napaka ( 'Napaka pri pridobivanju ali pretvorbi podatkov:' , vzrokError ) ;
}
}
convertJSONApi ( ) ;
scenarij >
Opis zgornje kode je naveden spodaj:
- Prvič, imenovana asinhrona funkcija »pretvoriJSONApi()« je definiran z uporabo ključne besede 'async' za funkcijo 'ključna beseda' .
- Nato uporabite 'poskusi' blokiraj in ustvari a 'konst' spremenljivka tipa 'res' ki bo shranil podatke, pridobljene iz API-ja. Pridobivanje se izvede tako, da se povezava API vstavi znotraj »fetch()« metoda. Priložite tudi 'počakaj' ključna beseda za tem »fetch()« način čakanja na prihod vseh podatkov API-ja.
- Nato uporabite 'json()' metoda na spremenljivki »res« za branje vseh prejetih ali pridobljenih podatkov. The 'počakaj' ključna beseda se uporablja tudi za njim, da počaka na zaključek branja podatkov. Rezultat posredujte v imenovani spremenljivki 'jsonFormat' .
- Po tem, 'jsonFormat' se posreduje znotraj imenovane metode “Object.entries()” za ustvarjanje ugnezdene matrike za navedene podatke. To se nato prenese znotraj 'Zemljevid()' konstruktor za pretvorbo nizov v Map in se shrani v 'Zemljevid' imenovani primerek 'mapFormat' .
- Ta pridobljen API JSON, ki je zdaj pretvorjen v Map, se nato prikaže na konzoli s prikazom 'mapFormat' spremenljivka znotraj “console.log()” metoda.
- Če želite med celotnim postopkom ujeti kakršno koli povzročeno napako, uporabite 'ulov' blokira in vanj posreduje navidezni parameter, ki vsebuje nastale napake, za obravnavo pa prikaže navidezno sporočilo.
Rezultat po dokončanju zgornje kode je prikazan spodaj:
Izhod pokaže, da so bili podatki v formatu JSON pridobljeni iz ponujenega API-ja, nato pa so ti podatki pretvorjeni v zemljevid.
Naučili ste se o postopku pretvorbe JSON v Map in Map v JSON v JavaScriptu.
Zaključek
Za pretvorbo podatkov JSON v Map so metode, kot je »JSON.parse()« in “Object.entries()” so uporabljeni. Prvi razčleni podatke JSON, drugi pa ustvari ugnezdeno matriko razčlenjenih podatkov. V primeru pretvorbe zemljevidnih podatkov v format JSON je “Object.fromEntries()” in “JSON.stringify()” uporabljene so metode, ki bodo podatke pretvorile v ugnezdeno matriko in jih pretvorile v format JSON. Ta spletni dnevnik je razložil postopek za pretvorbo JSON v zemljevid in iz njega v JavaScriptu.