JSON es un formato de integración de datos liviano que se utiliza principalmente para almacenar y transportar datos de un servidor o sistema a otro. Por otro lado, un Map también almacena datos y utiliza el formato de valor clave donde la clave puede tener cualquier tipo de datos. El desarrollador puede recuperar datos específicos seleccionando su clave correspondiente.
Este artículo explica el proceso para convertir JSON a/desde un mapa en JavaScript cubriendo las siguientes secciones:
- ¿Cómo convertir datos JSON en un mapa en JavaScript?
- ¿Cómo convertir datos JSON de un mapa en JavaScript?
- Cómo recuperar la API JSON y convertir sus datos en un mapa
¿Cómo convertir datos JSON en un mapa en JavaScript?
La conversión de datos JSON en un mapa conserva el formato del par clave-valor como 'Mapa' y también almacena datos en formato clave-valor como JSON. Por lo tanto, el desarrollador puede mantener el orden original de las claves, lo cual no está garantizado con la conversión de objetos de JavaScript. Mudado “JSON” datos en 'Mapa' ofrece más flexibilidad y permite al desarrollador utilizar métodos integrados en Map para brindar facilidad al recorrer los datos.
Visitemos el siguiente bloque de código donde los datos JSON codificados se convertirán en un mapa:
< tipo de guión = 'texto/javascript' >
constante formato json = '{'autor1':'Jackson','autor2':'Reed','autor3':'Tasha','autor4':'Petterson'} ' ;
constante formato de mapa = nuevo Mapa ( Objeto . entradas ( JSON. analizar gramaticalmente ( formato json ) ) ) ;
consola. registro ( formato de mapa ) ;
guion >
La explicación del código anterior se establece como:
- Primero, cree una variable de tipo constante llamada 'Formatojson' que contiene datos en formato JSON, es decir, en formato clave-valor.
- A continuación, cree una nueva instancia del Mapa con el nombre “formatomapa” . Para analizar los datos JSON, pase el “formatomapa” dentro de “JSON.parse()” método.
- Luego, pase el resultado devuelto por este método al “Objeto.entradas()” para crear una matriz de matrices y cada matriz interna representa los pares clave-valor.
- Pase el resultado final o todos estos métodos a lo largo de la alineación adecuada dentro del 'Mapa' constructor. Ahora, su instancia “formatomapa” contiene los datos JSON convertidos que se muestran en la ventana de la consola usando el “consola.log()” método.
Después de compilar el código anterior, la ventana de la consola se verá así:
El resultado confirma que los datos JSON se han convertido en Map. Para obtener más información y ejemplos para convertir datos JSON en una matriz o mapa, puede visitar nuestro otro artículo .
¿Cómo convertir datos JSON de un mapa en JavaScript?
La conversión de datos al formato JSON mejora su disponibilidad de por vida y le permite enviar estos datos a cualquier lugar de la red sin perder datos. Además, el formato JSON es fácilmente legible por humanos y se puede utilizar en API web o archivos de configuración. En el siguiente programa, los datos del mapa se convertirán al formato JSON:
< tipo de guión = 'texto/javascript' >constante formato de mapa = nuevo Mapa ( [
[ 'autor1' , 'Jackson' ] ,
[ 'autor2' , 'Junco' ] ,
[ 'autor3' , 'Tasha' ] ,
[ 'autor4' , 'Peterson' ] ,
] ) ;
constante formato json = JSON. encadenar ( Objeto . deEntradas ( formato de mapa ) ) ;
consola. registro ( formato json ) ;
guion >
La explicación del bloque de código anterior se establece como:
- Primero, la instancia nombrada “formatomapa” se crea para el mapa que contiene varias entradas.
- A continuación, el “Objeto.deEntries()” Se utiliza el método y el “formatomapa” se le pasa. Esto convertirá los datos del mapa proporcionados en una matriz anidada.
- Luego, la matriz anidada se pasa al “JSON.stringify()” método para convertir la matriz anidada al formato JSON conservando al mismo tiempo la alineación del par clave-valor.
- Al final, los datos en formato JSON generados se muestran en la ventana de la consola.
El resultado generado después de la compilación del código anterior se muestra a continuación:
El resultado muestra que los datos del mapa ahora se han convertido correctamente al formato JSON.
¿Cómo recuperar la API JSON y convertir sus datos en un mapa?
Los datos JSON recibidos de la API también se pueden convertir directamente en Map utilizando el mismo enfoque descrito anteriormente en la primera sección. Para hacer esto, primero se debe recuperar la API y luego los datos JSON obtenidos se convierten en el mapa, como se muestra a continuación:
< guion >asíncrono función convertirJSONApi ( ) {
intentar {
constante res = esperar a buscar ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
constante formato json = a la espera de resolución. json ( ) ;
constante formato de mapa = nuevo Mapa ( Objeto . entradas ( formato json ) ) ;
consola. registro ( formato de mapa ) ;
} atrapar ( causaError ) {
consola. error ( 'Error al obtener o convertir datos:' , causaError ) ;
}
}
convertirJSONApi ( ) ;
guion >
La descripción del código anterior se indica a continuación:
- Primero, la función asincrónica llamada “convertirJSONApi()” se define utilizando la palabra clave 'async' detrás de la función 'palabra clave' .
- A continuación, utilice el 'intentar' bloquear y crear un “constante” tipo variable “res” que almacenará los datos obtenidos de la API. La búsqueda se realiza insertando el enlace API dentro del 'buscar()' método. Además, adjunte el 'esperar' palabra clave detrás de esto 'buscar()' método para esperar la llegada de todos los datos de la API.
- Luego, aplica el “json()” método en la variable 'res' para leer todos los datos recibidos o recuperados. El 'esperar' La palabra clave también se aplica detrás para esperar a que se complete la lectura de los datos. Pasar el resultado en la variable denominada 'Formatojson' .
- Después de eso, el 'Formatojson' se pasa dentro del método llamado “Objeto.entradas()” para crear una matriz anidada para los datos proporcionados. Luego esto se pasa dentro del 'Mapa()' constructor para convertir las matrices en Map y se almacena en el 'Mapa' instancia nombrada “formatomapa” .
- Esta API JSON recuperada que ahora se convierte en Mapa se muestra en la consola mostrando el “formatomapa” variable dentro del “consola.log()” método.
- Para detectar cualquier error causado durante todo el proceso, utilice el 'atrapar' bloquear y pasar un parámetro ficticio que contiene errores ocurridos y para manejarlo muestra un mensaje ficticio.
El resultado después de completar el código anterior se muestra a continuación:
El resultado muestra que los datos en formato JSON se recuperaron de la API proporcionada y luego estos datos se convierten al mapa.
Ha aprendido sobre el proceso para convertir JSON a Map y Map a JSON en JavaScript.
Conclusión
Para convertir datos JSON a Map, métodos como “JSON.parse()” y “Objeto.entradas()” son usados. El primero analiza los datos JSON y el segundo crea una matriz anidada de datos analizados. En el caso de convertir datos de mapas a formato JSON, el “Objeto.deEntries()” y “JSON.stringify()” Se utilizan métodos que convertirán los datos en una matriz anidada y los convertirán al formato JSON respectivamente. Este blog ha explicado el procedimiento para convertir JSON hacia y desde un mapa en JavaScript.