JSON er et lett dataintegrasjonsformat som hovedsakelig brukes til å lagre og transportere data fra en server eller et system til et annet. På den annen side lagrer et kart også data, og det bruker nøkkelverdiformatet der nøkkelen kan ha hvilken som helst datatype. Utvikleren kan hente spesifikke data ved å velge den tilhørende nøkkelen.
Denne artikkelen forklarer prosessen for å konvertere JSON til/fra et kart i JavaScript ved å dekke følgende seksjoner:
- Hvordan konvertere JSON-data til et kart i JavaScript?
- Hvordan konvertere JSON-data fra et kart i JavaScript?
- Hvordan hente JSON API og konvertere dataene til kartet
Hvordan konvertere JSON-data til et kart i JavaScript?
Konvertering av JSON-data til et kart bevarer nøkkelverdi-parformatet som 'Kart' og lagrer også data i nøkkelverdi-formen akkurat som JSON. Så utvikleren kan opprettholde den opprinnelige rekkefølgen på nøklene, noe som ikke er garantert med JavaScript-objektkonvertering. Konvertering 'JSON' data inn 'Kart' gir mer fleksibilitet og lar utvikleren bruke kart innebygde metoder for å gi enkelhet mens de krysser over dataene.
La oss besøke kodeblokken nedenfor der JSON-hardkodede data skal konverteres til et kart:
< skripttype = 'tekst/javascript' >
konst jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
konst mapFormat = ny Kart ( Gjenstand . innganger ( JSON. analysere ( jsonFormat ) ) ) ;
konsoll. Logg ( mapFormat ) ;
manus >
Forklaringen av koden ovenfor er oppgitt som:
- Først oppretter du en const type variabel kalt 'jsonFormat' som inneholder data i JSON-format, dvs. i nøkkelverdi-format.
- Deretter oppretter du en ny forekomst av kartet med navnet 'kartformat' . For å analysere JSON-dataene, send 'kartformat' inne i «JSON.parse()» metode.
- Send deretter resultatet som returneres av denne metoden til «Object.entries()» for å lage en matrise med matriser, og hver indre matrise representerer nøkkelverdi-parene.
- Send sluttresultatet eller alle disse metodene langs riktig justering inne i 'Kart' konstruktør. Nå, dets eksempel 'kartformat' inneholder de konverterte JSON-dataene som vises over konsollvinduet ved hjelp av «console.log()» metode.
Etter kompileringen av koden ovenfor, vil konsollvinduet se slik ut:
Utdataene bekrefter at JSON-dataene er konvertert til kart. For ytterligere informasjon og eksempler for å konvertere JSON-data til en matrise eller kart, kan du besøke vår andre artikkel .
Hvordan konvertere JSON-data fra et kart i JavaScript?
Konvertering av data til JSON-format forbedrer levetidens tilgjengelighet og lar deg sende disse dataene hvor som helst over nettverket uten å miste data. Dessuten er JSON-formatet lett lesbart for mennesker og kan brukes i web-API eller konfigurasjonsfiler. I programmet nedenfor vil kartdataene bli konvertert til JSON-formatet:
< skripttype = 'tekst/javascript' >konst mapFormat = ny Kart ( [
[ 'forfatter1' , 'Jackson' ] ,
[ 'forfatter2' , 'Siv' ] ,
[ 'forfatter3' , 'Tasha' ] ,
[ 'forfatter4' , 'Petterson' ] ,
] ) ;
konst jsonFormat = JSON. stringify ( Gjenstand . fra oppføringer ( mapFormat ) ) ;
konsoll. Logg ( jsonFormat ) ;
manus >
Forklaringen av kodeblokken ovenfor er oppgitt som:
- Først den navngitte instansen 'kartformat' opprettes for kartet som inneholder flere oppføringer.
- Neste, den 'Object.fromEntries()' metoden benyttes og 'kartformat' blir overført til den. Dette vil konvertere de oppgitte kartdataene til en nestet matrise.
- Deretter sendes den nestede matrisen til «JSON.stringify()» metode for å konvertere den nestede matrisen til JSON-formatet samtidig som justeringen av nøkkelverdi-paret bevares.
- Til slutt blir de genererte JSON-formatdataene vist over konsollvinduet.
Utdataene generert etter kompileringen av koden ovenfor er vist nedenfor:
Utdataene viser at kartdataene nå er konvertert til JSON-formatet.
Hvordan hente JSON API og konvertere dataene til kart?
JSON-dataene mottatt fra API-en kan også konverteres direkte til kart ved å bruke samme tilnærming som beskrevet ovenfor i den første delen. For å gjøre dette, må API-en først hentes, deretter blir de hentede JSON-dataene konvertert til kartet, som vist nedenfor:
< manus >asynkron funksjon convertJSONApi ( ) {
prøve {
konst res = venter på henting ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
konst jsonFormat = avvente res. json ( ) ;
konst mapFormat = ny Kart ( Gjenstand . innganger ( jsonFormat ) ) ;
konsoll. Logg ( mapFormat ) ;
} å fange ( årsakFeil ) {
konsoll. feil ( 'Feil ved henting eller konvertering av data:' , årsakFeil ) ;
}
}
convertJSONApi ( ) ;
manus >
Beskrivelsen av koden ovenfor er angitt nedenfor:
- Først den asynkrone funksjonen navngitt 'convertJSONApi()' er definert ved å bruke nøkkelordet 'async' bak funksjonen «søkeord» .
- Deretter bruker du 'prøve' blokkere og lage en 'konst' type variabel 'res' som vil lagre de hentede dataene fra API-en. Hentingen gjøres ved å sette inn API-lenken inne i 'hent()' metode. Fest også 'avvente' nøkkelord bak dette 'hent()' metode for å vente på ankomsten av alle API-dataene.
- Deretter bruker du 'json()' metode på 'res'-variabelen for å lese alle mottatte eller hentede data. De 'avvente' nøkkelord er også brukt bak det for å vente på fullføringen av lesingen av dataene. Send resultatet i variabelen navngitt 'jsonFormat' .
- Etter det har 'jsonFormat' sendes i den angitte metoden «Object.entries()» for å lage en nestet matrise for oppgitte data. Dette sendes deretter inn i 'Kart()' konstruktør for å konvertere matrisene til kart og blir lagret i 'Kart' instans navngitt 'kartformat' .
- Dette hentede JSON API-et som nå er konvertert til kart, vises deretter på konsollen ved å vise 'kartformat' variabel inne i «console.log()» metode.
- For å fange opp eventuelle forårsaket feil under hele prosessen, bruk 'å fange' blokkere og sende en dummy-parameter i den som inneholder oppståtte feil, og for å håndtere den vises en dummy-melding.
Utgangen etter fullføringen av koden ovenfor er vist nedenfor:
Utdataene viser at JSON-formatdataene er hentet fra den angitte API-en, og disse dataene blir deretter konvertert til kartet.
Du har lært om prosessen for å konvertere JSON til kart og kart til JSON i JavaScript.
Konklusjon
For å konvertere JSON-data til kart, metoder som «JSON.parse()» og «Object.entries()» er brukt. Den første parser JSON-dataene, og den andre oppretter en nestet matrise med parsede data. I tilfelle av konvertering av kartdata til JSON-format, 'Object.fromEntries()' og «JSON.stringify()» Det brukes metoder som vil konvertere data til en nestet array og konvertere den til henholdsvis JSON-format. Denne bloggen har forklart prosedyren for å konvertere JSON til og fra et kart i JavaScript.