JSON je odlehčený formát pro integraci dat, který se používá hlavně k ukládání a přenosu dat z jednoho serveru nebo systému na druhý. Na druhou stranu mapa také ukládá data a používá formát hodnoty klíče, kde klíč může mít libovolný datový typ. Vývojář může načíst konkrétní data výběrem příslušného klíče.
Tento článek vysvětluje proces převodu JSON do/z mapy v JavaScriptu a popisuje následující části:
- Jak převést data JSON na mapu v JavaScriptu?
- Jak převést data JSON z mapy v JavaScriptu?
- Jak načíst JSON API a převést jeho data na mapu
Jak převést data JSON na mapu v JavaScriptu?
Při převodu dat JSON na mapu se zachová formát páru klíč–hodnota jako 'Mapa' a také ukládá data ve formě klíč-hodnota stejně jako JSON. Vývojář tak může zachovat původní pořadí klíčů, které není zaručeno konverzí objektů JavaScript. Konverze 'JSON' data do 'Mapa' nabízí větší flexibilitu a umožňuje vývojářům používat vestavěné metody Map pro usnadnění procházení dat.
Pojďme se podívat na níže uvedený blok kódu, kde budou pevně zakódovaná data JSON převedena na mapu:
< typ skriptu = 'text/javascript' >
konst jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
konst mapFormat = Nový Mapa ( Objekt . záznamy ( JSON. rozebrat ( jsonFormat ) ) ) ;
řídicí panel. log ( mapFormat ) ;
skript >
Vysvětlení výše uvedeného kódu je uvedeno takto:
- Nejprve vytvořte proměnnou typu const s názvem “jsonFormat” obsahující data ve formátu JSON, tedy ve formátu klíč–hodnota.
- Dále vytvořte novou instanci mapy s názvem 'mapFormat' . Chcete-li analyzovat data JSON, předejte soubor 'mapFormat' uvnitř 'JSON.parse()' metoda.
- Poté předejte výsledek vrácený touto metodou do 'Object.entries()' vytvořit pole polí a každé vnitřní pole představuje páry klíč-hodnota.
- Předejte konečný výsledek nebo všechny tyto metody podél správného zarovnání uvnitř 'Mapa' konstruktér. Nyní jeho příklad 'mapFormat' obsahuje převedená data JSON, která se zobrazí v okně konzoly pomocí 'console.log()' metoda.
Po kompilaci výše uvedeného kódu bude okno konzoly vypadat takto:
Výstup potvrzuje, že data JSON byla převedena na mapu. Další informace a příklady převodu dat JSON na pole nebo mapu najdete na naší další stránce článek .
Jak převést data JSON z mapy v JavaScriptu?
Převod dat do formátu JSON zvyšuje jejich celoživotní dostupnost a umožňuje odesílat tato data kamkoli po síti bez ztráty dat. Formát JSON je navíc snadno čitelný pro člověka a lze jej použít ve webovém rozhraní API nebo konfiguračních souborech. V níže uvedeném programu budou mapová data převedena do formátu JSON:
< typ skriptu = 'text/javascript' >konst mapFormat = Nový Mapa ( [
[ 'autor1' , 'Jackson' ] ,
[ 'autor2' , 'Rákos' ] ,
[ 'autor3' , 'tasha' ] ,
[ 'autor4' , 'Peterson' ] ,
] ) ;
konst jsonFormat = JSON. provázat ( Objekt . ze záznamů ( mapFormat ) ) ;
řídicí panel. log ( jsonFormat ) ;
skript >
Vysvětlení výše uvedeného bloku kódu je uvedeno takto:
- Nejprve pojmenovaná instance 'mapFormat' je vytvořen pro mapu, která obsahuje několik položek.
- Dále, 'Object.fromEntries()' používá se metoda a 'mapFormat' je na to předán. Tím převedete poskytnutá mapová data na vnořené pole.
- Potom je vnořené pole předáno do 'JSON.stringify()' metoda pro převod vnořeného pole do formátu JSON při zachování zarovnání páru klíč-hodnota.
- Nakonec se vygenerovaná data formátu JSON zobrazí v okně konzoly.
Výstup vygenerovaný po kompilaci výše uvedeného kódu je uveden níže:
Výstup ukazuje, že mapová data jsou nyní úspěšně převedena do formátu JSON.
Jak načíst JSON API a převést jeho data na mapu?
Data JSON přijatá z rozhraní API lze také přímo převést na mapu pomocí stejného přístupu popsaného výše v první části. K tomu je třeba nejprve načíst rozhraní API a poté se načtená data JSON převedou na mapu, jak je znázorněno níže:
< skript >asynchronní funkce convertJSONApi ( ) {
Snaž se {
konst res = čekat na aport ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
konst jsonFormat = čekat res. json ( ) ;
konst mapFormat = Nový Mapa ( Objekt . záznamy ( jsonFormat ) ) ;
řídicí panel. log ( mapFormat ) ;
} chytit ( způsobitChyba ) {
řídicí panel. chyba ( 'Chyba při načítání nebo převodu dat:' , způsobitChyba ) ;
}
}
convertJSONApi ( ) ;
skript >
Popis výše uvedeného kódu je uveden níže:
- Za prvé, asynchronní funkce s názvem 'convertJSONApi()' je definována použitím klíčového slova „async“ za funkcí 'klíčové slovo' .
- Dále použijte 'Snaž se' zablokovat a vytvořit a 'konst' typ proměnné 'res' který bude ukládat načtená data z API. Načítání se provádí vložením odkazu API dovnitř 'vynést()' metoda. Také připojte 'čekat' klíčové slovo za tím 'vynést()' metoda čekání na příchod všech dat API.
- Poté aplikujte 'json()' metoda na proměnnou „res“ pro čtení všech přijatých nebo načtených dat. The 'čekat' klíčové slovo je také použito za ním, aby čekalo na dokončení čtení dat. Předejte výsledek v proměnné s názvem “jsonFormat” .
- Poté, “jsonFormat” je předán uvnitř pojmenované metody 'Object.entries()' k vytvoření vnořeného pole pro poskytnutá data. To je pak předáno dovnitř 'Mapa()' konstruktor, který převede pole na mapu a uloží se do 'Mapa' instance pojmenovaná 'mapFormat' .
- Toto načtené JSON API, které je nyní převedeno na mapu, se poté zobrazí na konzole zobrazením souboru 'mapFormat' proměnná uvnitř 'console.log()' metoda.
- Chcete-li zachytit jakoukoli způsobenou chybu během celého procesu, použijte 'chytit' blokovat a předat v něm fiktivní parametr, který obsahuje vzniklé chyby, a pro jeho zpracování zobrazí fiktivní zprávu.
Výstup po dokončení výše uvedeného kódu je uveden níže:
Výstup ukazuje, že data formátu JSON byla načtena z poskytnutého API a poté jsou tato data převedena na mapu.
Dozvěděli jste se o procesu převodu JSON na mapu a Mapování na JSON v JavaScriptu.
Závěr
Chcete-li převést data JSON na mapu, metody jako 'JSON.parse()' a 'Object.entries()' Jsou používány. První z nich analyzuje data JSON a druhý vytvoří vnořené pole analyzovaných dat. V případě převodu mapových dat do formátu JSON, 'Object.fromEntries()' a 'JSON.stringify()' používají se metody, které převedou data do vnořeného pole a převedou je do formátu JSON. Tento blog vysvětluje postup převodu JSON do az mapy v JavaScriptu.