JSON je ľahký formát integrácie údajov, ktorý sa používa hlavne na ukladanie a prenos údajov z jedného servera alebo systému do druhého. Na druhej strane mapa tiež ukladá údaje a používa formát hodnoty kľúča, kde kľúč môže mať akýkoľvek typ údajov. Vývojár môže získať špecifické údaje výberom príslušného kľúča.
Tento článok vysvetľuje proces prevodu JSON na/z mapy v JavaScripte tak, že zahŕňa nasledujúce časti:
- Ako previesť údaje JSON na mapu v JavaScripte?
- Ako previesť údaje JSON z mapy v JavaScripte?
- Ako získať JSON API a previesť jeho údaje na mapu
Ako previesť údaje JSON na mapu v JavaScripte?
Konverzia údajov JSON na mapu zachová formát páru kľúč – hodnota ako 'Mapa' a tiež ukladá údaje vo forme kľúč-hodnota rovnako ako JSON. Vývojár teda môže zachovať pôvodné poradie kľúčov, ktoré nie je zaručené konverziou objektov JavaScript. Konverzia 'JSON' údaje do 'Mapa' ponúka väčšiu flexibilitu a umožňuje vývojárom používať metódy vstavané do mapy na uľahčenie prechodu cez dáta.
Navštívme nižšie uvedený blok kódu, kde sa pevne zakódované údaje JSON prevedú na mapu:
< typ skriptu = 'text/javascript' >
konšt jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
konšt mapFormat = Nový Mapa ( Objekt . záznamy ( JSON. rozobrať ( jsonFormat ) ) ) ;
konzoly. log ( mapFormat ) ;
skript >
Vysvetlenie vyššie uvedeného kódu je uvedené takto:
- Najprv vytvorte premennú typu const s názvom “jsonFormat” obsahujúce údaje vo formáte JSON, t. j. vo formáte kľúč – hodnota.
- Ďalej vytvorte novú inštanciu mapy s názvom 'mapFormat' . Ak chcete analyzovať údaje JSON, odovzdajte súbor 'mapFormat' vnútri 'JSON.parse()' metóda.
- Potom odovzdajte výsledok vrátený touto metódou do 'Object.entries()' na vytvorenie poľa polí a každé vnútorné pole predstavuje páry kľúč-hodnota.
- Odovzdajte konečný výsledok alebo všetky tieto metódy pozdĺž správneho zarovnania vo vnútri 'Mapa' konštruktér. Teraz jeho príklad 'mapFormat' obsahuje konvertované údaje JSON, ktoré sa zobrazia v okne konzoly pomocou 'console.log()' metóda.
Po kompilácii vyššie uvedeného kódu bude okno konzoly vyzerať takto:
Výstup potvrdzuje, že údaje JSON boli prevedené na mapu. Ďalšie informácie a príklady prevodu údajov JSON na pole alebo mapu nájdete na našej ďalšej stránke článok .
Ako previesť údaje JSON z mapy v JavaScripte?
Konverzia údajov do formátu JSON zvyšuje ich celoživotnú dostupnosť a umožňuje odosielať tieto údaje kdekoľvek po sieti bez straty údajov. Formát JSON je navyše ľahko čitateľný človekom a možno ho použiť vo webovom rozhraní API alebo v konfiguračných súboroch. V nižšie uvedenom programe sa údaje mapy prevedú do formátu JSON:
< typ skriptu = 'text/javascript' >konšt mapFormat = Nový Mapa ( [
[ 'autor1' , 'Jackson' ] ,
[ 'autor2' , 'Reed' ] ,
[ 'autor3' , 'Tasha' ] ,
[ 'autor4' , 'Peterson' ] ,
] ) ;
konšt jsonFormat = JSON. stringify ( Objekt . zo záznamov ( mapFormat ) ) ;
konzoly. log ( jsonFormat ) ;
skript >
Vysvetlenie vyššie uvedeného bloku kódu je uvedené ako:
- Po prvé, inštancia s názvom 'mapFormat' sa vytvorí pre mapu, ktorá obsahuje niekoľko záznamov.
- Ďalej, 'Object.fromEntries()' používa sa metóda a 'mapFormat' sa do nej odovzdáva. Tým sa poskytnuté údaje mapy skonvertujú na vnorené pole.
- Potom sa vnorené pole odovzdá do “JSON.stringify()” metóda na konverziu vnoreného poľa do formátu JSON pri zachovaní zarovnania páru kľúč – hodnota.
- Nakoniec sa vygenerované údaje vo formáte JSON zobrazia v okne konzoly.
Výstup vygenerovaný po kompilácii vyššie uvedeného kódu je uvedený nižšie:
Výstup ukazuje, že údaje mapy sú teraz úspešne konvertované do formátu JSON.
Ako získať JSON API a previesť jeho údaje na mapu?
Údaje JSON prijaté z rozhrania API možno tiež priamo previesť na mapu pomocou rovnakého prístupu opísaného vyššie v prvej časti. Na tento účel je potrebné najprv načítať rozhranie API a potom sa načítané údaje JSON skonvertujú na mapu, ako je uvedené nižšie:
< skript >async funkciu convertJSONApi ( ) {
skúste {
konšt res = čakať na aport ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
konšt jsonFormat = čakať res. json ( ) ;
konšt mapFormat = Nový Mapa ( Objekt . záznamy ( jsonFormat ) ) ;
konzoly. log ( mapFormat ) ;
} chytiť ( spôsobiťChyba ) {
konzoly. chyba ( 'Chyba pri načítavaní alebo konverzii údajov:' , spôsobiťChyba ) ;
}
}
convertJSONApi ( ) ;
skript >
Popis vyššie uvedeného kódu je uvedený nižšie:
- Po prvé, asynchrónna funkcia s názvom 'convertJSONApi()' je definovaná použitím kľúčového slova „async“ za funkciou 'kľúčové slovo' .
- Ďalej použite 'skúsiť' zablokovať a vytvoriť a 'const' typ premennej 'res' ktorý bude uchovávať načítané údaje z API. Načítanie sa vykonáva vložením odkazu API do 'načítať()' metóda. Pripojte tiež 'čakať' kľúčové slovo za tým 'načítať()' metóda čakania na príchod všetkých údajov API.
- Potom aplikujte 'json()' metóda na premennej „res“ na čítanie všetkých prijatých alebo načítaných údajov. The 'čakať' Kľúčové slovo sa používa aj za ním, aby sa počkalo na dokončenie čítania údajov. Výsledok odovzdajte do premennej s názvom “jsonFormat” .
- Po tom, “jsonFormat” sa odovzdáva v rámci pomenovanej metódy 'Object.entries()' na vytvorenie vnoreného poľa pre poskytnuté údaje. To potom prechádza dovnútra 'Mapa()' konštruktor na konverziu polí na mapu a uloží sa do 'Mapa' inštancia pomenovaná 'mapFormat' .
- Toto načítané JSON API, ktoré je teraz skonvertované na mapu, sa potom zobrazí na konzole zobrazením 'mapFormat' premenná vo vnútri 'console.log()' metóda.
- Ak chcete zachytiť akúkoľvek spôsobenú chybu počas celého procesu, použite 'chytiť' zablokovať a odovzdať v ňom fiktívny parameter, ktorý obsahuje vzniknuté chyby a na jeho spracovanie zobrazí fiktívnu správu.
Výstup po dokončení vyššie uvedeného kódu je uvedený nižšie:
Výstup ukazuje, že údaje vo formáte JSON boli načítané z poskytnutého API a potom sú tieto údaje prevedené na mapu.
Dozvedeli ste sa o procese konverzie JSON na Map a Mapu na JSON v JavaScripte.
Záver
Na konverziu údajov JSON na mapu sa používajú metódy ako 'JSON.parse()' a 'Object.entries()' sa používajú. Prvý z nich analyzuje údaje JSON a druhý vytvorí vnorené pole analyzovaných údajov. V prípade prevodu údajov mapy do formátu JSON, 'Object.fromEntries()' a “JSON.stringify()” používajú sa metódy, ktoré konvertujú údaje do vnoreného poľa a konvertujú ich do formátu JSON. Tento blog vysvetľuje postup prevodu JSON do az mapy v JavaScripte.