JSON yra lengvas duomenų integravimo formatas, kuris daugiausia naudojamas duomenims saugoti ir perkelti iš vieno serverio ar sistemos į kitą. Kita vertus, žemėlapis taip pat saugo duomenis ir naudoja rakto reikšmės formatą, kai raktas gali turėti bet kokio tipo duomenų. Kūrėjas gali gauti konkrečius duomenis pasirinkdamas atitinkamą raktą.
Šiame straipsnyje paaiškinamas JSON konvertavimo į „JavaScript“ žemėlapį ir iš jo procesas, apimantis šiuos skyrius:
- Kaip konvertuoti JSON duomenis į žemėlapį „JavaScript“?
- Kaip konvertuoti JSON duomenis iš žemėlapio „JavaScript“?
- Kaip gauti JSON API ir konvertuoti jo duomenis į žemėlapį
Kaip konvertuoti JSON duomenis į žemėlapį „JavaScript“?
Konvertuojant JSON duomenis į žemėlapį išsaugomas rakto-reikšmių poros formatas kaip 'Žemėlapis' ir taip pat saugo duomenis rakto vertės formoje, kaip ir JSON. Taigi kūrėjas gali išlaikyti pradinę raktų tvarką, kuri negarantuojama konvertuojant „JavaScript“ objektą. Konvertavimas „JSON“ duomenis į 'Žemėlapis' suteikia daugiau lankstumo ir leidžia kūrėjui naudoti žemėlapio integruotus metodus, kad būtų lengviau pereiti duomenis.
Apsilankykite toliau pateiktame kodo bloke, kuriame JSON kietojo kodo duomenys bus konvertuojami į žemėlapį:
< scenarijaus tipas = 'tekstas/javascript' >
konst jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Taša','author4':'Petterson'} ;
konst žemėlapio formatas = naujas Žemėlapis ( Objektas . įrašų ( JSON. analizuoti ( jsonFormat ) ) ) ;
konsolė. žurnalas ( žemėlapio formatas ) ;
scenarijus >
Aukščiau pateikto kodo paaiškinimas yra toks:
- Pirmiausia sukurkite const tipo kintamąjį pavadinimu 'jsonFormat' kuriuose yra duomenų JSON formatu, t. y. rakto vertės formatu.
- Tada sukurkite naują žemėlapio egzempliorių su pavadinimu „žemėlapio formatas“ . Norėdami išanalizuoti JSON duomenis, perduokite „žemėlapio formatas“ viduje „JSON.parse()“ metodas.
- Tada perkelkite šiuo metodu grąžintą rezultatą į „Objektas.įrašai()“ sukurti masyvų masyvą, o kiekvienas vidinis masyvas atspindi rakto-reikšmių poras.
- Perduokite galutinį rezultatą arba visus šiuos metodus tinkamai išlygiuodami viduje 'Žemėlapis' konstruktorius. Dabar jo pavyzdys „žemėlapio formatas“ yra konvertuoti JSON duomenys, kurie rodomi konsolės lange naudojant „console.log()“ metodas.
Sukūrus aukščiau pateiktą kodą, konsolės langas atrodys taip:
Išvestis patvirtina, kad JSON duomenys buvo konvertuoti į žemėlapį. Norėdami gauti daugiau informacijos ir pavyzdžių, kaip konvertuoti JSON duomenis į masyvą arba žemėlapį, apsilankykite kitame mūsų puslapyje straipsnis .
Kaip konvertuoti JSON duomenis iš žemėlapio „JavaScript“?
Duomenų konvertavimas į JSON formatą padidina jų prieinamumą visą gyvenimą ir leidžia siųsti šiuos duomenis bet kur tinkle neprarandant duomenų. Be to, JSON formatas yra lengvai skaitomas žmonėms ir gali būti naudojamas žiniatinklio API arba konfigūracijos failuose. Toliau pateiktoje programoje žemėlapio duomenys bus konvertuojami į JSON formatą:
< scenarijaus tipas = 'tekstas/javascript' >konst žemėlapio formatas = naujas Žemėlapis ( [
[ 'autorius1' , 'Džeksonas' ] ,
[ 'autorius2' , 'Nendrė' ] ,
[ 'autorius3' , 'Taša' ] ,
[ 'autorius4' , 'Petersonas' ] ,
] ) ;
konst jsonFormat = JSON. sugriežtinti ( Objektas . iš Įrašų ( žemėlapio formatas ) ) ;
konsolė. žurnalas ( jsonFormat ) ;
scenarijus >
Aukščiau pateikto kodo bloko paaiškinimas pateikiamas taip:
- Pirma, pavadintas pavyzdys „žemėlapio formatas“ sukurtas žemėlapiui, kuriame yra keli įrašai.
- Toliau, „Object.fromEntries()“ naudojamas metodas ir „žemėlapio formatas“ jai perduodama. Tai pavers pateiktus žemėlapio duomenis į įdėtą masyvą.
- Tada įdėtas masyvas perduodamas į „JSON.stringify()“ būdas konvertuoti įdėtą masyvą į JSON formatą, išsaugant rakto ir reikšmės poros lygiavimą.
- Galiausiai sugeneruoti JSON formato duomenys rodomi konsolės lange.
Išvestis, sukurta sukūrus aukščiau pateiktą kodą, parodyta žemiau:
Išvestis rodo, kad žemėlapio duomenys dabar sėkmingai konvertuoti į JSON formatą.
Kaip gauti JSON API ir konvertuoti jo duomenis į žemėlapį?
JSON duomenis, gautus iš API, taip pat galima tiesiogiai konvertuoti į žemėlapį, naudojant tą patį metodą, aprašytą pirmoje dalyje. Norėdami tai padaryti, pirmiausia reikia gauti API, tada gauti JSON duomenys konvertuojami į žemėlapį, kaip parodyta toliau:
< scenarijus >async funkcija konvertuotiJSONApi ( ) {
bandyti {
konst res = laukti atvežimo ( „https://jsonplaceholder.typicode.com/todos/“ ) ;
konst jsonFormat = laukti res. json ( ) ;
konst žemėlapio formatas = naujas Žemėlapis ( Objektas . įrašų ( jsonFormat ) ) ;
konsolė. žurnalas ( žemėlapio formatas ) ;
} sugauti ( priežastisKlaida ) {
konsolė. klaida ( Klaida gaunant arba konvertuojant duomenis: , priežastisKlaida ) ;
}
}
konvertuotiJSONApi ( ) ;
scenarijus >
Aukščiau pateikto kodo aprašymas pateikiamas žemiau:
- Pirma, asinchroninė funkcija pavadinta „convertJSONApi()“ apibrėžiamas naudojant raktinį žodį „async“ už funkcijos „raktinis žodis“ .
- Tada naudokite 'bandyti' blokuoti ir sukurti a 'konst' tipo kintamasis 'res' kuri išsaugos iš API gautus duomenis. Gaunama įterpiant API nuorodą viduje 'atnešti ()' metodas. Taip pat pritvirtinkite 'laukti' raktinis žodis 'atnešti ()' būdas laukti, kol bus gauti visi API duomenys.
- Tada pritaikykite „json ()“ „res“ kintamojo metodą, kad nuskaitytų visus gautus arba gautus duomenis. The 'laukti' Už jo taip pat taikomas raktinis žodis, skirtas laukti duomenų nuskaitymo pabaigos. Perduokite rezultatą į kintamąjį pavadintą 'jsonFormat' .
- Po to, 'jsonFormat' perduodamas pavadinimu metodu „Object.entries()“ Norėdami sukurti pateiktų duomenų įdėtą masyvą. Tada tai perduodama viduje 'Žemėlapis ()' konstruktorius konvertuoti masyvus į žemėlapį ir išsaugomas 'Žemėlapis' pavadintas pavyzdys „žemėlapio formatas“ .
- Ši gauta JSON API, kuri dabar konvertuota į žemėlapį, rodoma konsolėje, pateikiant „žemėlapio formatas“ kintamasis viduje „console.log()“ metodas.
- Norėdami užfiksuoti bet kokią sukeltą klaidą viso proceso metu, naudokite 'pagauti' blokuoti ir perduoti fiktyvų parametrą, kuriame yra įvykusių klaidų, o norint jį apdoroti, rodomas netikras pranešimas.
Išvestis užbaigus aukščiau pateiktą kodą parodyta žemiau:
Išvestis rodo, kad JSON formato duomenys buvo gauti iš pateiktos API ir tada šie duomenys konvertuojami į žemėlapį.
Sužinojote apie JSON konvertavimo į žemėlapį ir žemėlapio konvertavimo į JSON procesą „JavaScript“.
Išvada
Norėdami konvertuoti JSON duomenis į žemėlapį, tokie metodai kaip „JSON.parse()“ ir „Object.entries()“ yra naudojami. Pirmasis analizuoja JSON duomenis, o antrasis sukuria įdėtą analizuotų duomenų masyvą. Konvertuojant žemėlapio duomenis į JSON formatą, „Object.fromEntries()“ ir „JSON.stringify()“ naudojami metodai, kurie konvertuos duomenis į įdėtą masyvą ir atitinkamai konvertuos į JSON formatą. Šiame tinklaraštyje paaiškinta procedūra, kaip konvertuoti JSON į žemėlapį ir iš „JavaScript“.