Converteix JSON a Array/mapa - JavaScript

Converteix Json A Array Mapa Javascript



JSON, també conegut com ' Notació d'objectes JavaScript ”, s'utilitza habitualment per transmetre dades entre un servidor i una aplicació web. JSON és un format senzill basat en text que es pot processar i convertir simplement en objectes JavaScript com ara matrius, mapes, etc.

Aquest tutorial il·lustrarà les maneres de convertir JSON en una matriu i un mapa en JavaScript.

Com convertir JSON en matriu JavaScript?

Per convertir JSON en una matriu, utilitzeu el ' JSON.parse() ” mètode. Aquest mètode s'utilitza per convertir la cadena JSON en un objecte. Per convertir la cadena JSON en una matriu, primer convertirem la cadena en un objecte i després trucarem al ' empènyer () ” mètode per afegir valors en una matriu buida.







Sintaxi



Utilitzeu el mètode següent per al mètode 'JSON.parse()':



JSON. analitzar ( JSONString ) ;

Accepta una cadena JSON com a entrada i dóna un objecte com a sortida.





Exemple

Creeu una cadena JSON anomenada ' strJSON ”:



era strJSON = '{'name': 'Paul', 'edat': '32', 'Designació': 'HR'}' ;

Invoqueu el mètode 'JSON.parse()' passant la cadena JSON com a argument que la converteixi en un objecte:

era objJSON = JSON. analitzar ( strJSON ) ;

Creeu una matriu buida anomenada ' arrayJSON ”:

era arrayJSON = [ ] ;

Itera l'objecte convertit anomenat ' objJSON ” i premeu els valors de cada clau a la matriu utilitzant el “ empènyer () ” mètode:

per ( era i en objJSON ) {
arrayJSON. empènyer ( objJSON [ i ] ) ;
}

Finalment, imprimiu la matriu a la consola:

consola. registre ( arrayJSON ) ;

Es pot veure que el JSON s'ha convertit correctament a una matriu:

Com convertir JSON en mapa en JavaScript?

Per convertir JSON a mapa, utilitzeu el ' Mapa() ' constructor amb el ' Object.entrades() ' i ' JSON.parse() ” mètodes. El mètode 'JSON.parse()' converteix la cadena en un objecte, mentre que el mètode 'Object.entries()' ofereix una matriu de parells clau-valor de l'objecte convertit. El constructor 'Mapa' crea un nou objecte Map a partir de la matriu d'entrades.

Sintaxi

Utilitzeu la sintaxi donada per convertir JSON a mapa en JavaScript:

nou Mapa ( Objecte . entrades ( JSON. analitzar ( objJSON ) ) ) ;

Exemple

Truqueu al constructor 'Map()' amb el mètode 'Object.entries()' i 'JSON.parse()' passant la cadena JSON com a argument:

const mapJSON = nou Mapa ( Objecte . entrades ( JSON. analitzar ( objJSON ) ) ) ;

Imprimeix el mapa a la consola amb “ console.log() ” mètode:

consola. registre ( mapJSON ) ;

Sortida

Hem proporcionat tota la informació necessària relacionada amb la conversió de JSON a matriu/mapa en JavaScript.

Conclusió

Per convertir JSON a una matriu, utilitzeu el ' JSON.parse() ' mètode amb el ' empènyer () ” i per convertir JSON en un mapa, utilitzeu el “ Mapa() ' constructor amb el ' Object.entrades() ' i ' JSON.parse() ” mètode. El mètode JSON.parse() és el mètode clau per a la conversió, ja que converteix la cadena JSON en un objecte. Aquest tutorial va il·lustrar els mètodes per convertir JSON en una matriu i un mapa en JavaScript.