JSON este un format ușor de integrare a datelor, care este utilizat în principal pentru a stoca și transporta date de la un server sau sistem la altul. Pe de altă parte, o hartă stochează și date și folosește formatul valorii cheii în care cheia poate avea orice tip de date. Dezvoltatorul poate prelua date specifice selectând cheia corespunzătoare.
Acest articol explică procesul de conversie a JSON la/din o hartă în JavaScript, acoperind următoarele secțiuni:
- Cum se convertesc datele JSON într-o hartă în JavaScript?
- Cum se convertesc datele JSON dintr-o hartă în JavaScript?
- Cum să preluați API-ul JSON și să convertiți datele acestuia în hartă
Cum se convertesc datele JSON într-o hartă în JavaScript?
Conversia datelor JSON într-o hartă păstrează formatul pereche cheie-valoare ca 'Hartă' și, de asemenea, stochează date în forma cheie-valoare la fel ca JSON. Deci, dezvoltatorul poate menține ordinea inițială a cheilor, care nu este garantată cu conversia obiectelor JavaScript. Conversia „JSON” date în 'Hartă' oferă mai multă flexibilitate și permite dezvoltatorului să utilizeze metode integrate Map pentru a oferi ușurință în timpul parcurgerii datelor.
Să vizităm blocul de cod de mai jos, unde datele codificate hard JSON vor fi convertite într-o hartă:
< tip de script = „text/javascript” >
const jsonFormat = „{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
const mapFormat = nou Hartă ( Obiect . intrări ( JSON. analiza ( jsonFormat ) ) ) ;
consolă. Buturuga ( mapFormat ) ;
scenariu >
Explicația codului de mai sus este prezentată astfel:
- Mai întâi, creați o variabilă de tip const numită „jsonFormat” care conțin date în format JSON, adică în formatul cheie-valoare.
- Apoi, creați o nouă instanță a hărții cu numele „mapFormat” . Pentru a analiza datele JSON, transmiteți „mapFormat” în interiorul „JSON.parse()” metodă.
- Apoi, treceți rezultatul returnat de această metodă în fișierul „Object.entries()” pentru a crea o matrice de matrice și fiecare matrice interioară reprezintă perechile cheie-valoare.
- Treceți rezultatul final sau toate aceste metode de-a lungul alinierii adecvate în interiorul 'Hartă' constructor. Acum, exemplul ei „mapFormat” conține datele JSON convertite care sunt afișate în fereastra consolei folosind „console.log()” metodă.
După compilarea codului de mai sus, fereastra consolei va arăta astfel:
Ieșirea confirmă că datele JSON au fost convertite în Map. Pentru mai multe informații și exemple pentru a converti datele JSON într-o matrice sau o hartă, puteți vizita celelalte articol .
Cum se convertesc datele JSON dintr-o hartă în JavaScript?
Convertirea datelor în format JSON îmbunătățește disponibilitatea lor pe durata de viață și vă permite să trimiteți aceste date oriunde prin rețea, fără a pierde date. Mai mult, formatul JSON este ușor de citit de om și poate fi folosit în API-ul web sau în fișierele de configurare. În programul de mai jos, datele Hărții vor fi convertite în format JSON:
< tip de script = „text/javascript” >const mapFormat = nou Hartă ( [
[ „autor1” , „Jackson” ] ,
[ „autor2” , 'Stuf' ] ,
[ „autor3” , „Tasha” ] ,
[ „autor4” , „Peterson” ] ,
] ) ;
const jsonFormat = JSON. stringe ( Obiect . de la Intrări ( mapFormat ) ) ;
consolă. Buturuga ( jsonFormat ) ;
scenariu >
Explicația blocului de cod de mai sus este prezentată astfel:
- În primul rând, instanța numită „mapFormat” este creat pentru Harta care conține mai multe intrări.
- În continuare, cel „Object.fromEntries()” este utilizată metoda și „mapFormat” i se trece. Aceasta va converti datele furnizate Map într-o matrice imbricată.
- Apoi, matricea imbricată este transmisă la „JSON.stringify()” metodă de a converti matricea imbricată în format JSON, păstrând în același timp alinierea perechii cheie-valoare.
- În cele din urmă, datele în format JSON generate sunt afișate în fereastra consolei.
Ieșirea generată după compilarea codului de mai sus este prezentată mai jos:
Rezultatul arată că datele Hărții sunt acum convertite cu succes în format JSON.
Cum să preluați API-ul JSON și să îi convertiți datele în hartă?
Datele JSON primite de la API pot fi, de asemenea, convertite direct în Map utilizând aceeași abordare descrisă mai sus în prima secțiune. Pentru a face acest lucru, API-ul trebuie preluat mai întâi, apoi datele JSON preluate sunt convertite în Hartă, după cum se arată mai jos:
< scenariu >asincron funcţie convertJSONApi ( ) {
încerca {
const res = așteaptă aducerea ( „https://jsonplaceholder.typicode.com/todos/” ) ;
const jsonFormat = așteaptă res. json ( ) ;
const mapFormat = nou Hartă ( Obiect . intrări ( jsonFormat ) ) ;
consolă. Buturuga ( mapFormat ) ;
} captură ( cauzaEroare ) {
consolă. eroare ( „Eroare la preluarea sau conversia datelor:” , cauzaEroare ) ;
}
}
convertJSONApi ( ) ;
scenariu >
Descrierea codului de mai sus este prezentată mai jos:
- În primul rând, funcția asincronă numită „convertJSONApi()” este definit prin utilizarea cuvântului cheie „async” din spatele funcției „cuvânt cheie” .
- Apoi, utilizați 'încerca' blocați și creați un „const” variabilă de tip „res” care va stoca datele preluate din API. Preluarea se face prin inserarea link-ului API în interiorul „preluare()” metodă. De asemenea, atașați „așteaptă” cuvânt cheie din spatele acestui lucru „preluare()” metoda de a aștepta sosirea tuturor datelor API.
- Apoi, aplicați „json()” metoda pe variabila „res” pentru a citi toate datele primite sau preluate. The „așteaptă” cuvântul cheie este de asemenea aplicat în spatele acestuia pentru a aștepta finalizarea citirii datelor. Treceți rezultatul în variabila numită „jsonFormat” .
- După aceea, „jsonFormat” este trecut în interiorul metodei numite „Object.entries()” pentru a crea o matrice imbricată pentru datele furnizate. Acesta este apoi trecut în interiorul 'Hartă()' constructor pentru a converti matricele în Map și este stocat în 'Hartă' instanță numită „mapFormat” .
- Acest API JSON preluat, care este acum convertit în Map, este apoi afișat pe consolă prin afișarea „mapFormat” variabilă în interiorul „console.log()” metodă.
- Pentru a detecta orice eroare cauzată în timpul întregului proces, utilizați 'captură' blocați și treceți un parametru inactiv în el care conține erori apărute și pentru a-l gestiona afișează un mesaj inactiv.
Ieșirea după completarea codului de mai sus este afișată mai jos:
Rezultatul arată că datele în format JSON au fost preluate din API-ul furnizat și apoi aceste date sunt convertite în Hartă.
Ați aflat despre procesul de conversie a JSON în Map și Map în JSON în JavaScript.
Concluzie
Pentru a converti datele JSON în Map, metode precum „JSON.parse()” și „Object.entries()” sunt folosite. Primul analizează datele JSON, iar al doilea creează o matrice imbricată de date analizate. În cazul conversiei datelor Map în format JSON, fișierul „Object.fromEntries()” și „JSON.stringify()” sunt utilizate metode care vor converti datele într-o matrice imbricată și, respectiv, le vor converti în format JSON. Acest blog a explicat procedura de conversie a JSON la și de la o hartă în JavaScript.