JSON on kerge andmeintegratsioonivorming, mida kasutatakse peamiselt andmete salvestamiseks ja transportimiseks ühest serverist või süsteemist teise. Teisest küljest salvestab kaart ka andmeid ja kasutab võtme väärtuse vormingut, kus võtmel võib olla mis tahes andmetüüp. Arendaja saab konkreetseid andmeid hankida, valides neile vastava võtme.
Selles artiklis selgitatakse JSON-i teisendamist JavaScripti kaardiks/kaardilt, hõlmates järgmisi jaotisi.
- Kuidas teisendada JSON-andmeid JavaScriptis kaardiks?
- Kuidas teisendada JSON-i andmeid JavaScriptis kaardilt?
- Kuidas tuua JSON API ja teisendada selle andmed kaardiks
Kuidas teisendada JSON-andmeid JavaScriptis kaardiks?
JSON-andmete kaardiks teisendamine säilitab võtme-väärtuste paari vormingu kujul 'Kaart' ja salvestab andmed ka võtmeväärtuse kujul nagu JSON. Seega saab arendaja säilitada võtmete algse järjestuse, mida JavaScripti objektide teisendamine ei garanteeri. Teisendamine 'JSON' andmed sisse 'Kaart' pakub suuremat paindlikkust ja võimaldab arendajal kasutada kaardi sisseehitatud meetodeid, et anda andmetel hõlpsalt üle.
Külastame allolevat koodiplokki, kus JSON-i kõvakodeeritud andmed teisendatakse kaardiks:
< skripti tüüp = 'text/javascript' >
konst jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
konst kaardivorming = uus Kaart ( Objekt . sissekanded ( JSON. sõeluda ( jsonFormat ) ) ) ;
konsool. logi ( kaardivorming ) ;
stsenaarium >
Ülaltoodud koodi selgitus on järgmine:
- Esiteks looge const tüüpi muutuja nimega 'jsonFormat' mis sisaldavad andmeid JSON-vormingus, st võtmeväärtuse vormingus.
- Järgmisena looge nimega kaardi uus eksemplar 'MapFormat' . JSON-andmete sõelumiseks edastage 'MapFormat' sees 'JSON.parse()' meetod.
- Seejärel edastage selle meetodiga tagastatud tulemus faili 'Object.entries()' massiivi massiivi loomiseks ja iga sisemine massiiv esindab võtme-väärtuse paare.
- Viige lõpptulemus või kõik need meetodid õigesse joondusse 'Kaart' konstruktor. Nüüd selle näide 'MapFormat' sisaldab teisendatud JSON-andmeid, mis kuvatakse konsooliaknas kasutades 'console.log()' meetod.
Pärast ülaltoodud koodi koostamist näeb konsooli aken välja selline:
Väljund kinnitab, et JSON-andmed on kaardiks teisendatud. Lisateabe ja näidete saamiseks JSON-andmete massiiviks või kaardiks teisendamiseks külastage meie teist artiklit .
Kuidas teisendada JSON-i andmeid JavaScriptis kaardilt?
Andmete teisendamine JSON-vormingusse suurendab nende kättesaadavust kogu eluea jooksul ja võimaldab teil neid andmeid kõikjal võrgu kaudu saata ilma andmeid kaotamata. Lisaks on JSON-vorming inimesele kergesti loetav ja seda saab kasutada veebi API-s või konfiguratsioonifailides. Allolevas programmis teisendatakse kaardiandmed JSON-vormingusse:
< skripti tüüp = 'text/javascript' >konst kaardivorming = uus Kaart ( [
[ 'autor1' , 'Jackson' ] ,
[ 'autor2' , 'Reed' ] ,
[ 'autor3' , 'Tasha' ] ,
[ 'autor4' , 'Peterson' ] ,
] ) ;
konst jsonFormat = JSON. kitsendada ( Objekt . kirjetest ( kaardivorming ) ) ;
konsool. logi ( jsonFormat ) ;
stsenaarium >
Ülaltoodud koodiploki selgitus on järgmine:
- Esiteks, eksemplar nimega 'MapFormat' luuakse mitut kirjet sisaldava kaardi jaoks.
- Järgmiseks, 'Object.fromEntries()' meetodit kasutatakse ja 'MapFormat' antakse sellele üle. See teisendab esitatud kaardiandmed pesastatud massiiviks.
- Seejärel edastatakse pesastatud massiiv 'JSON.stringify()' meetod pesastatud massiivi teisendamiseks JSON-vormingusse, säilitades samal ajal võtme-väärtuste paari joonduse.
- Lõpuks kuvatakse loodud JSON-vormingus andmed konsooliaknas.
Pärast ülaltoodud koodi koostamist genereeritud väljund on näidatud allpool:
Väljund näitab, et kaardiandmed on nüüd edukalt teisendatud JSON-vormingusse.
Kuidas tuua JSON API ja teisendada selle andmed kaardiks?
API-lt saadud JSON-andmeid saab ka otse kaardiks teisendada, kasutades sama lähenemisviisi, mida kirjeldati eespool esimeses jaotises. Selleks tuleb esmalt tuua API, seejärel teisendatakse toodud JSON-andmed kaardiks, nagu allpool näidatud.
< stsenaarium >asünkr funktsiooni convertJSONApi ( ) {
proovige {
konst res = ootama toomist ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
konst jsonFormat = oota res. json ( ) ;
konst kaardivorming = uus Kaart ( Objekt . sissekandeid ( jsonFormat ) ) ;
konsool. logi ( kaardivorming ) ;
} püüda ( põhjusError ) {
konsool. viga ( Viga andmete toomisel või teisendamisel: , põhjusError ) ;
}
}
convertJSONApi ( ) ;
stsenaarium >
Ülaltoodud koodi kirjeldus on toodud allpool:
- Esiteks asünkroonne funktsioon nimega 'convertJSONApi()' on määratletud, kasutades funktsiooni taga märksõna 'async'. 'märksõna' .
- Järgmisena kasutage 'proovi' blokeerida ja luua a 'konst' tüüpi muutuja 'res' mis salvestab API-st toodud andmed. Tõmbamine toimub API lingi sisestamisega 'tooma ()' meetod. Samuti kinnitage 'ootma' märksõna selle taga 'tooma ()' meetod, mille abil oodatakse kõigi API andmete saabumist.
- Seejärel rakendage 'json()' meetodit muutujal 'res', et lugeda kõiki vastuvõetud või toodud andmeid. The 'ootma' Selle taha rakendatakse ka märksõna, et oodata andmete lugemise lõpetamist. Edastage tulemus muutujas nimega 'jsonFormat' .
- Pärast seda, 'jsonFormat' edastatakse nimega meetodi sees 'Object.entries()' sisestatud andmete jaoks pesastatud massiivi loomiseks. Seejärel kantakse see edasi 'Kaart ()' konstruktor massiivide teisendamiseks kaardiks ja salvestatakse rakendusse 'Kaart' eksemplar nimega 'MapFormat' .
- See toodud JSON API, mis on nüüd teisendatud kaardiks, kuvatakse seejärel konsoolis, kuvades 'MapFormat' muutuja sees 'console.log()' meetod.
- Kogu protsessi käigus tekkinud vigade tuvastamiseks kasutage 'püüda' blokeerida ja edastada selles näiv parameeter, mis sisaldab ilmnenud vigu ning selle käsitlemiseks kuvatakse näiv teade.
Väljund pärast ülaltoodud koodi täitmist on näidatud allpool:
Väljund näitab, et JSON-vormingus andmed on toodud pakutavast API-st ja seejärel teisendatakse need andmed kaardiks.
Olete õppinud JSON-i teisendamiseks kaardiks ja kaardi JSON-iks JavaScriptis.
Järeldus
JSON-andmete teisendamiseks kaardiks kasutage selliseid meetodeid nagu 'JSON.parse()' ja 'Object.entries()' kasutatakse. Esimene parsib JSON-andmeid ja teine loob sõelutud andmete pesastatud massiivi. Kaardiandmete JSON-vormingusse teisendamise korral 'Object.fromEntries()' ja 'JSON.stringify()' kasutatakse meetodeid, mis teisendavad andmed pesastatud massiiviks ja teisendavad need vastavalt JSON-vormingusse. See ajaveeb on selgitanud JSON-i teisendamiseks JavaScripti kaardiks ja kaardist.