JSON ir viegls datu integrācijas formāts, ko galvenokārt izmanto, lai uzglabātu un pārsūtītu datus no viena servera vai sistēmas uz citu. No otras puses, kartē tiek saglabāti arī dati un tiek izmantots atslēgas vērtības formāts, kurā atslēgai var būt jebkurš datu tips. Izstrādātājs var izgūt konkrētus datus, atlasot tai atbilstošo atslēgu.
Šajā rakstā ir izskaidrots process, kā konvertēt JSON uz/no kartes JavaScript, aptverot šādas sadaļas:
- Kā konvertēt JSON datus kartē JavaScript?
- Kā konvertēt JSON datus no kartes JavaScript?
- Kā iegūt JSON API un pārvērst tā datus kartē
Kā konvertēt JSON datus kartē JavaScript?
Konvertējot JSON datus kartē, tiek saglabāts atslēgas un vērtības pāra formāts kā 'Karte' un arī saglabā datus atslēgas vērtības formā tāpat kā JSON. Tādējādi izstrādātājs var saglabāt sākotnējo atslēgu secību, kas netiek garantēta ar JavaScript objektu konvertēšanu. Konvertēšana “JSON” datus 'Karte' piedāvā lielāku elastību un ļauj izstrādātājam izmantot kartes iebūvētās metodes, lai nodrošinātu vieglu datu pārvietošanu.
Apmeklēsim tālāk norādīto koda bloku, kurā JSON kodētie dati tiks pārveidoti kartē:
< skripta veids = 'teksts/javascript' >
konst jsonFormat = '{'author1':'Džeksons','author2':'Reds','author3':'Taša','author4':'Pettersons'} ;
konst kartes formāts = jauns Karte ( Objekts . ieraksti ( JSON. parsēt ( jsonFormat ) ) ) ;
konsole. žurnāls ( kartes formāts ) ;
skripts >
Iepriekš minētā koda skaidrojums ir šāds:
- Vispirms izveidojiet const tipa mainīgo ar nosaukumu 'jsonFormat' satur datus JSON formātā, t.i., atslēgas vērtības formātā.
- Pēc tam izveidojiet jaunu kartes gadījumu ar nosaukumu “kartes formāts” . Lai parsētu JSON datus, nododiet “kartes formāts” iekšpusē “JSON.parse()” metodi.
- Pēc tam ar šo metodi atgriezto rezultātu nosūtiet uz 'Object.entries()' lai izveidotu masīvu masīvu, un katrs iekšējais masīvs attēlo atslēgu un vērtību pārus.
- Novietojiet gala rezultātu vai visas šīs metodes atbilstoši pareizai izlīdzināšanai iekšpusē 'Karte' konstruktors. Tagad tā piemērs “kartes formāts” satur konvertētos JSON datus, kas tiek parādīti konsoles logā, izmantojot “console.log()” metodi.
Pēc iepriekš minētā koda apkopošanas konsoles logs izskatīsies šādi:
Izvade apstiprina, ka JSON dati ir pārveidoti kartē. Lai iegūtu papildinformāciju un piemērus JSON datu konvertēšanai masīvā vai kartē, varat apmeklēt mūsu citu rakstu .
Kā konvertēt JSON datus no kartes JavaScript?
Datu konvertēšana JSON formātā uzlabo to kalpošanas laiku un ļauj nosūtīt šos datus uz jebkuru vietu tīklā, nezaudējot datus. Turklāt JSON formāts ir viegli lasāms cilvēkiem, un to var izmantot tīmekļa API vai konfigurācijas failos. Tālāk esošajā programmā kartes dati tiks pārveidoti JSON formātā:
< skripta veids = 'teksts/javascript' >konst kartes formāts = jauns Karte ( [
[ 'autors1' , 'Džeksons' ] ,
[ 'autors2' , 'Niedre' ] ,
[ 'autors3' , 'Taša' ] ,
[ 'autors4' , 'Pētersons' ] ,
] ) ;
konst jsonFormat = JSON. nospriegot ( Objekts . no Ieraksti ( kartes formāts ) ) ;
konsole. žurnāls ( jsonFormat ) ;
skripts >
Iepriekš minētā koda bloka skaidrojums ir šāds:
- Pirmkārt, nosauktā instance “kartes formāts” ir izveidots kartei, kurā ir vairāki ieraksti.
- Tālāk, 'Object.fromEntries()' metode tiek izmantota un “kartes formāts” tiek nodota tai. Tādējādi sniegtie kartes dati tiks pārvērsti ligzdotā masīvā.
- Pēc tam ligzdotais masīvs tiek nodots “JSON.stringify()” metode, lai pārveidotu ligzdoto masīvu JSON formātā, vienlaikus saglabājot atslēgas un vērtības pāra līdzinājumu.
- Galu galā ģenerētie JSON formāta dati tiek parādīti konsoles logā.
Izvade, kas ģenerēta pēc iepriekš minētā koda apkopošanas, ir parādīta zemāk:
Izvade parāda, ka kartes dati tagad ir veiksmīgi konvertēti JSON formātā.
Kā iegūt JSON API un pārvērst tās datus kartē?
No API saņemtos JSON datus var arī tieši pārvērst kartē, izmantojot to pašu pieeju, kas aprakstīta iepriekš pirmajā sadaļā. Lai to izdarītu, vispirms ir jāienes API, pēc tam ienestie JSON dati tiek pārveidoti kartē, kā parādīts tālāk.
< skripts >asinhrons funkciju convertJSONApi ( ) {
mēģināt {
konst res = gaidi atnesi ( “https://jsonplaceholder.typicode.com/todos/” ) ;
konst jsonFormat = gaidiet res. json ( ) ;
konst kartes formāts = jauns Karte ( Objekts . ieraksti ( jsonFormat ) ) ;
konsole. žurnāls ( kartes formāts ) ;
} noķert ( cēlonisKļūda ) {
konsole. kļūda ( 'Kļūda, ienesot vai konvertējot datus:' , cēlonisKļūda ) ;
}
}
convertJSONApi ( ) ;
skripts >
Iepriekš minētā koda apraksts ir norādīts zemāk:
- Pirmkārt, nosauktā asinhronā funkcija “convertJSONApi()” tiek definēts, aiz funkcijas izmantojot atslēgvārdu “async”. 'atslēgvārds' .
- Tālāk izmantojiet 'mēģināt' bloķēt un izveidot a 'konst' tipa mainīgais “res” kas saglabās no API ienestos datus. Ienese tiek veikta, ievietojot API saiti iekšpusē 'atnest()' metodi. Tāpat pievienojiet 'gaidi' atslēgvārds aiz šī 'atnest()' metode, lai gaidītu visu API datu ierašanos.
- Pēc tam uzklājiet “json()” metodi mainīgajam “res”, lai nolasītu visus saņemtos vai ienestos datus. The 'gaidi' aiz tā tiek lietots arī atslēgvārds, lai gaidītu datu nolasīšanas pabeigšanu. Nododiet rezultātu mainīgajā ar nosaukumu 'jsonFormat' .
- Pēc tam, 'jsonFormat' tiek nodota nosauktās metodes ietvaros “Object.entries()” lai izveidotu ligzdotu masīvu sniegtajiem datiem. Pēc tam tas tiek nodots iekšpusē 'Karte ()' konstruktors, lai pārveidotu masīvus kartē un tiek saglabāts mapē 'Karte' nosaukts gadījums “kartes formāts” .
- Pēc tam šī ienestā JSON API, kas tagad ir pārveidota par karti, tiek parādīta konsolē, parādot “kartes formāts” mainīgais iekšpusē “console.log()” metodi.
- Lai visa procesa laikā uztvertu visas izraisītās kļūdas, izmantojiet 'noķert' bloķēt un nodot tajā fiktīvu parametru, kas satur radušās kļūdas, un, lai to apstrādātu, tiek parādīts fiktīvs ziņojums.
Izvade pēc iepriekš minētā koda pabeigšanas ir parādīta zemāk:
Izvade parāda, ka JSON formāta dati ir izgūti no nodrošinātā API, un pēc tam šie dati tiek pārvērsti kartē.
Jūs uzzinājāt par procesu, lai JavaScript pārveidotu JSON par Map un Map par JSON.
Secinājums
Lai konvertētu JSON datus uz karti, izmantojiet tādas metodes kā “JSON.parse()” un “Object.entries()” tiek izmantoti. Pirmais parsē JSON datus, bet otrais izveido parsētu datu ligzdotu masīvu. Ja kartes dati tiek konvertēti JSON formātā, “Object.fromEntries()” un “JSON.stringify()” tiek izmantotas metodes, kas konvertēs datus ligzdotā masīvā un attiecīgi konvertēs JSON formātā. Šajā emuārā ir izskaidrota procedūra JSON konvertēšanai uz karti un no kartes JavaScript.