A JSON egy könnyű adatintegrációs formátum, amelyet főként adatok tárolására és továbbítására használnak egyik szerverről vagy rendszerről a másikra. Másrészt a térkép adatokat is tárol, és a kulcsérték formátumot használja, ahol a kulcs bármilyen adattípussal rendelkezhet. A fejlesztő a megfelelő kulcs kiválasztásával tud lekérni bizonyos adatokat.
Ez a cikk elmagyarázza a JSON-nak JavaScriptben lévő térképre/térképről való konvertálásának folyamatát a következő szakaszokkal:
- Hogyan lehet a JSON-adatokat térképpé konvertálni JavaScriptben?
- Hogyan lehet JSON-adatokat konvertálni egy térképről JavaScriptben?
- A JSON API lekérése és az adatok térképté konvertálása
Hogyan lehet a JSON-adatokat térképpé konvertálni JavaScriptben?
A JSON-adatok Térképpé konvertálása megőrzi a kulcs-érték pár formátumot 'Térkép' és a JSON-hoz hasonlóan kulcsérték formában tárolja az adatokat. Így a fejlesztő fenntarthatja a kulcsok eredeti sorrendjét, ami nem garantált JavaScript objektumkonverzió esetén. Konvertálás „JSON” adatokat be 'Térkép' nagyobb rugalmasságot kínál, és lehetővé teszi a fejlesztő számára, hogy a Map beépített metódusait használja, hogy megkönnyítse az adatok áthaladását.
Nézzük meg az alábbi kódblokkot, ahol a JSON merev kódolású adatokat térképpé konvertálják:
< script típus = 'text/javascript' >
const jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
const mapFormat = új Térkép ( Tárgy . bejegyzés ( JSON. elemezni ( jsonFormat ) ) ) ;
konzol. log ( mapFormat ) ;
forgatókönyv >
A fenti kód magyarázata a következő:
- Először hozzon létre egy const típusú változót 'jsonFormat' JSON formátumban, azaz kulcsérték formátumban tartalmaz adatokat.
- Ezután hozzon létre egy új térképpéldányt a névvel 'térképformátum' . A JSON-adatok elemzéséhez adja át a 'térképformátum' benne 'JSON.parse()' módszer.
- Ezután adja át az ezzel a módszerrel visszaadott eredményt a 'Object.entries()' tömbök tömbjének létrehozásához, és minden belső tömb a kulcs-érték párokat képviseli.
- Adja át a végeredményt vagy mindezeket a módszereket a megfelelő igazítás mentén 'Térkép' konstruktőr. Most a példája 'térképformátum' tartalmazza a konvertált JSON-adatokat, amelyek a konzolablakban jelennek meg a 'console.log()' módszer.
A fenti kód összeállítása után a konzolablak így fog kinézni:
A kimenet megerősíti, hogy a JSON-adatokat Mapmá konvertálták. További információkért és példákért a JSON-adatok tömbbé vagy térképpé konvertálásához keresse fel másik oldalunkat cikk .
Hogyan lehet JSON-adatokat konvertálni egy térképről JavaScriptben?
Az adatok JSON formátumba konvertálása növeli azok élettartama alatti rendelkezésre állását, és lehetővé teszi, hogy az adatokat bárhová elküldje a hálózaton keresztül adatvesztés nélkül. Ezenkívül a JSON formátum könnyen olvasható az ember számára, és webes API-ban vagy konfigurációs fájlokban használható. Az alábbi programban a térképadatokat JSON formátumba konvertálják:
< script típus = 'text/javascript' >const mapFormat = új Térkép ( [
[ 'szerző1' , 'Jackson' ] ,
[ 'szerző2' , 'Nád' ] ,
[ 'szerző3' , 'Tasha' ] ,
[ 'szerző4' , 'Péterson' ] ,
] ) ;
const jsonFormat = JSON. szigorít ( Tárgy . from Entries ( mapFormat ) ) ;
konzol. log ( jsonFormat ) ;
forgatókönyv >
A fenti kódblokk magyarázata a következő:
- Először is a megnevezett példány 'térképformátum' több bejegyzést tartalmazó térképhez jön létre.
- Következő, a 'Object.fromEntries()' módszert alkalmazzák és a 'térképformátum' átadják neki. Ez a megadott térképadatokat beágyazott tömbbé konvertálja.
- Ezután a beágyazott tömb átadásra kerül a 'JSON.stringify()' módszerrel konvertálja a beágyazott tömböt JSON formátumba, miközben megőrzi a kulcs-érték pár igazítását.
- Végül a generált JSON formátumú adatok megjelennek a konzol ablakában.
A fenti kód összeállítása után generált kimenet az alábbiakban látható:
A kimenet azt mutatja, hogy a térképadatok sikeresen konvertálva JSON formátumba.
Hogyan lehet lekérni a JSON API-t és konvertálni az adatait térképpé?
Az API-tól kapott JSON-adatok közvetlenül Map-be is konvertálhatók az első szakaszban leírt módszerrel. Ehhez először az API-t kell lekérni, majd a lekért JSON-adatokat a rendszer a térképbe konvertálja, az alábbiak szerint:
< forgatókönyv >async funkció convertJSONApi ( ) {
próbáld ki {
const res = várni kell ( „https://jsonplaceholder.typicode.com/todos/” ) ;
const jsonFormat = várj res. json ( ) ;
const mapFormat = új Térkép ( Tárgy . bejegyzés ( jsonFormat ) ) ;
konzol. log ( mapFormat ) ;
} fogás ( okHiba ) {
konzol. hiba ( 'Hiba az adatok lekérése vagy konvertálása során:' , okHiba ) ;
}
}
convertJSONApi ( ) ;
forgatókönyv >
A fenti kód leírása az alábbiakban található:
- Először is, a nevezett aszinkron függvény 'convertJSONApi()' az „async” kulcsszó használatával határozza meg a függvény mögött 'kulcsszó' .
- Ezután használja a 'próbáld ki' blokkolja és hozzon létre a 'konst' típusú változó 'res' amely tárolja az API-ból lekért adatokat. A lekérés az API hivatkozás beillesztésével történik a 'fetch()' módszer. Továbbá csatolja a 'várja' kulcsszó e mögött 'fetch()' módszerrel várja meg az összes API-adat megérkezését.
- Ezután alkalmazza a 'json()' metódus a „res” változón az összes fogadott vagy lekért adat beolvasásához. A 'várja' kulcsszót is alkalmazunk mögötte, hogy megvárjuk az adatok beolvasásának befejezését. Adja át az eredményt a nevű változóban 'jsonFormat' .
- Ezt követően a 'jsonFormat' nevű metóduson belül kerül átadásra 'Object.entries()' beágyazott tömb létrehozásához a megadott adatokhoz. Ezt azután átadják a 'Térkép()' konstruktor a tömbök Map formátumba konvertálásához, és a tömbökben tárolódik 'Térkép' példány neve 'térképformátum' .
- Ez a lekért JSON API, amelyet most Térképpé konvertált, megjelenik a konzolon a 'térképformátum' változó belül 'console.log()' módszer.
- A teljes folyamat során okozott hibák észleléséhez használja a 'fogás' blokkolja és adjon át benne egy álparamétert, amely az előfordult hibákat tartalmazza, és ennek kezelésére egy álüzenetet jelenít meg.
A fenti kód kitöltése utáni kimenet az alábbiakban látható:
A kimenet azt mutatja, hogy a JSON formátumú adatokat lekérték a megadott API-ból, majd ezeket az adatokat a térképbe konvertálják.
Megismerte a JSON Map és Map JSON formátumú konvertálásának folyamatát JavaScriptben.
Következtetés
A JSON-adatok térképre konvertálásához olyan módszereket alkalmazhat, mint pl 'JSON.parse()' és 'Object.entries()' használt. Az első elemzi a JSON-adatokat, a második pedig létrehozza az elemzett adatok beágyazott tömbjét. A térképadatok JSON formátumba konvertálása esetén a 'Object.fromEntries()' és 'JSON.stringify()' olyan módszereket használnak, amelyek az adatokat beágyazott tömbbé, majd JSON formátumba konvertálják. Ez a blog elmagyarázza a JSON-nak JavaScriptben lévő térképre és abból való konvertálásának eljárását.