JSON è un formato leggero di integrazione dei dati utilizzato principalmente per archiviare e trasportare dati da un server o sistema a un altro. D'altro canto, una mappa memorizza anche i dati e utilizza il formato del valore chiave in cui la chiave può avere qualsiasi tipo di dati. Lo sviluppatore può recuperare dati specifici selezionando la chiave corrispondente.
Questo articolo spiega il processo per convertire JSON in/da una mappa in JavaScript coprendo le seguenti sezioni:
- Come convertire i dati JSON in una mappa in JavaScript?
- Come convertire i dati JSON da una mappa in JavaScript?
- Come recuperare l'API JSON e convertirne i dati in una mappa
Come convertire i dati JSON in una mappa in JavaScript?
La conversione dei dati JSON in una mappa preserva il formato della coppia chiave-valore come 'Carta geografica' e memorizza anche i dati nel formato chiave-valore proprio come JSON. Pertanto, lo sviluppatore può mantenere l'ordine originale delle chiavi che non è garantito con la conversione dell'oggetto JavaScript. Conversione “JSON” dati in 'Carta geografica' offre maggiore flessibilità e consente allo sviluppatore di utilizzare i metodi integrati di Map per fornire facilità durante l'attraversamento dei dati.
Visitiamo il blocco di codice seguente in cui i dati JSON codificati verranno convertiti in una mappa:
< tipo di script = 'testo/javascript' >
cost jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
cost mapFormat = nuovo Carta geografica ( Oggetto . inserimenti ( JSON. analizzare ( jsonFormat ) ) ) ;
consolle. tronco d'albero ( mapFormat ) ;
sceneggiatura >
La spiegazione del codice sopra è indicata come:
- Innanzitutto, crea una variabile di tipo const denominata 'formato json' contenente dati in formato JSON, ovvero nel formato valore-chiave.
- Successivamente, crea una nuova istanza della mappa con il nome “formatomappa” . Per analizzare i dati JSON, passare il file “formatomappa” dentro il “JSON.parse()” metodo.
- Quindi, passa il risultato restituito da questo metodo nel file “Voci.oggetto()” per creare un array di array e ogni array interno rappresenta le coppie chiave-valore.
- Passa il risultato finale o tutti questi metodi lungo il corretto allineamento all'interno del file 'Carta geografica' costruttore. Ora, la sua istanza “formatomappa” contiene i dati JSON convertiti che vengono visualizzati nella finestra della console utilizzando il file “console.log()” metodo.
Dopo la compilazione del codice sopra, la finestra della console sarà simile a questa:
L'output conferma che i dati JSON sono stati convertiti in Map. Per ulteriori informazioni ed esempi per convertire i dati JSON in un array o in una mappa, puoi visitare l'altro nostro articolo .
Come convertire i dati JSON da una mappa in JavaScript?
La conversione dei dati in formato JSON ne migliora la disponibilità a vita e consente di inviare questi dati ovunque sulla rete senza perdere dati. Inoltre, il formato JSON è facilmente leggibile dall'uomo e può essere utilizzato nell'API Web o nei file di configurazione. Nel programma seguente, i dati della mappa verranno convertiti nel formato JSON:
< tipo di script = 'testo/javascript' >cost mapFormat = nuovo Carta geografica ( [
[ 'autore1' , 'Jackson' ] ,
[ 'autore2' , 'Canna' ] ,
[ 'autore3' , 'Tasha' ] ,
[ 'autore4' , 'Peterson' ] ,
] ) ;
cost jsonFormat = JSON. stringere ( Oggetto . daVoci ( mapFormat ) ) ;
consolle. tronco d'albero ( jsonFormat ) ;
sceneggiatura >
La spiegazione del blocco di codice sopra è indicata come:
- Innanzitutto, l'istanza denominata “formatomappa” viene creato per la mappa che contiene diverse voci.
- Successivamente, il 'Oggetto.daVoci()' viene utilizzato il metodo e il “formatomappa” gli viene passato. Ciò convertirà i dati della mappa forniti in un array nidificato.
- Quindi, l'array annidato viene passato al file “JSON.stringify()” metodo per convertire l'array nidificato nel formato JSON preservando l'allineamento della coppia chiave-valore.
- Alla fine, i dati in formato JSON generati vengono visualizzati nella finestra della console.
L'output generato dopo la compilazione del codice sopra è mostrato di seguito:
L'output mostra che i dati della mappa sono ora convertiti correttamente nel formato JSON.
Come recuperare l'API JSON e convertirne i dati in una mappa?
I dati JSON ricevuti dall'API possono anche essere convertiti direttamente in Map utilizzando lo stesso approccio descritto sopra nella prima sezione. Per fare ciò, è necessario prima recuperare l'API, quindi i dati JSON recuperati vengono convertiti nella mappa, come mostrato di seguito:
< sceneggiatura >asincrono funzione convertJSONApi ( ) {
Tentativo {
cost ris = attendere il recupero ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
cost jsonFormat = attendere ris. json ( ) ;
cost mapFormat = nuovo Carta geografica ( Oggetto . inserimenti ( jsonFormat ) ) ;
consolle. tronco d'albero ( mapFormat ) ;
} presa ( causaErrore ) {
consolle. errore ( 'Errore durante il recupero o la conversione dei dati:' , causaErrore ) ;
}
}
convertJSONApi ( ) ;
sceneggiatura >
La descrizione del codice di cui sopra è riportata di seguito:
- Innanzitutto, la funzione asincrona denominata “convertJSONApi()” è definito utilizzando la parola chiave 'async' dietro la funzione 'parola chiave' .
- Successivamente, utilizzare il 'Tentativo' bloccare e creare a “cost” tipo variabile “res” che memorizzerà i dati recuperati dall'API. Il recupero avviene inserendo il collegamento API all'interno del file 'andare a prendere()' metodo. Inoltre, allega il “aspettare” parola chiave dietro questo 'andare a prendere()' metodo per attendere l'arrivo di tutti i dati API.
- Quindi, applicare il “json()” metodo sulla variabile 'res' per leggere tutti i dati ricevuti o recuperati. IL “aspettare” dietro viene applicata anche la parola chiave per attendere il completamento della lettura dei dati. Passa il risultato nella variabile denominata 'formato json' .
- Dopodiché, il 'formato json' viene passato all'interno del metodo denominato “Voci.oggetto()” per creare un array nidificato per i dati forniti. Questo viene poi passato all'interno del 'Carta geografica()' costruttore per convertire gli array in Map e viene archiviato nel file 'Carta geografica' istanza denominata “formatomappa” .
- Questa API JSON recuperata che ora viene convertita in Map viene quindi visualizzata sulla console visualizzando il file “formatomappa” variabile all'interno del “console.log()” metodo.
- Per rilevare eventuali errori causati durante l'intero processo, utilizzare il file 'presa' blocca e passa al suo interno un parametro fittizio che contiene gli errori verificatisi e per gestirlo visualizza un messaggio fittizio.
L'output dopo il completamento del codice precedente è mostrato di seguito:
L'output mostra che i dati in formato JSON sono stati recuperati dall'API fornita e quindi questi dati vengono convertiti nella mappa.
Hai appreso il processo per convertire JSON in Map e Map in JSON in JavaScript.
Conclusione
Per convertire i dati JSON in Map, metodi come “JSON.parse()” E “Voci.oggetto()” sono usati. Il primo analizza i dati JSON e il secondo crea un array annidato di dati analizzati. Nel caso di conversione dei dati della mappa in formato JSON, il file 'Oggetto.daVoci()' E “JSON.stringify()” vengono utilizzati metodi che convertiranno i dati in un array nidificato e li convertiranno rispettivamente in formato JSON. Questo blog ha spiegato la procedura per convertire JSON da e verso una mappa in JavaScript.