JSON en JavaScript sirve para muchísimas cosas. En los casos más comunes, al hacer peticiones AJAX viene bien codificar los datos como JSON antes de enviarlos.

Por otro lado, si tenemos a JavaScript del lado del servidor, igualmente podríamos decodificar los datos que un cliente mande; o codificarlos antes de hacer otra petición.

Codificar y decodificar JSON en JavaScript y Node JS

Codificar y decodificar JSON en JavaScript y Node JS

Otros usos, que si bien no son los mejores, son para comparar objetos en profundidad.

Hoy veremos cómo codificar y decodificar JSON en JavaScript sin usar eval ni librerías extras.

Requisitos y recomendaciones

Mira aquí cómo instalar Node.JS. Si quieres, puedes descargar los ejemplos aquí mostrados y ejecutarlos con node archivo.js.

También recomiendo leer la diferencia entre var y let, para que sepas por qué usamos let.

Codificar objetos de JavaScript a JSON

De hecho, JSON significa JavaScript Object Notation, me parece. O sea que nace de JavaScript y su representación tan simple pero eficaz de representar todo tipo de objetos complejos.

En JavaScript podemos codificar todo tipo de datos; desde los primitivos hasta los arreglos u objetos. Para esto, llamamos a JSON.stringify y le pasamos la variable, así de simple. Aquí vemos algunos ejemplos:

Se llama a console.log para imprimir los resultados, pero recuerda que es para ejemplificar. De ahí bien se podría guardar el resultado en otra variable, así:

let codificado = JSON.stringify(valor)

Como se puede observar, la representación en JavaScript y en JSON no cambia casi en nada, únicamente en los espacios; ya que al codificarlo se eliminan los espacios y saltos de línea; de ahí sigue siendo lo mismo.

Relacionado:  Búsqueda secuencial en arreglo de PHP

Decodificar JSON en JavaScript

Para decodificar una cadena o dato de JSON en JavaScript se llama a JSON.parse. Algunas veces se dice que igualmente se puede usar eval, pero no, porque es un riesgo de seguridad que trataré en otro post.

El punto es que se llama a JSON.parse, función que devolverá una variable cuyo tipo no sabemos, y depende de lo que la cadena en JSON represente.

Veamos algunos ejemplos:

En el primer ejemplo, devuelve un objeto. En el segundo, un arreglo. No debemos preocuparnos, pues JavaScript se encarga de definir el tipo de dato de la variable. Ahí lo hicimos con objetos y arreglos, pero puede ser igualmente con primitivos.

Otros usos de JSON en JavaScript

Si codificamos a dos objetos como JSON, los podemos comparar como cadenas y ver si son iguales o no. Tal vez sea un poco lento, pero funciona.

Por cierto, aunque los ejemplos de aquí parezcan sencillos, en la vida real la mayoría de API’s que usan JSON se comunican de esta manera.

Ya vimos que con JavaScript podemos convertir a JSON cadenas, números, objetos, arreglos y más cosas.


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 702 suscriptores


parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

6 Comments

Fetch API en JavaScript: peticiones HTTP con promesas - Parzibyte's blog · junio 3, 2019 a las 11:31 am

[…] body es el cuerpo. Si trabajas con JSON, manda ahí lo que devuelva JSON.stringify, también puedes mandar una cadena o un […]

Aplicación web para tomar notas con JavaScript, Vue.js, Bootstrap y localStorage - Parzibyte's blog · abril 13, 2019 a las 6:00 am

[…] localStorage, una API de los navegadores sobre la que ya he hablado anteriormente. Codifico y decodifico con JSON. Lo que guardo […]

Generador de diagramas de clase UML con JavaScript - Parzibyte's blog · marzo 17, 2019 a las 6:01 am

[…] diagrama en realidad es un objeto de JavaScript que se convierte a imagen; pero para guardarlo lo codifico de manera que se represente como  JSON debido a las limitaciones de […]

Parsear o decodificar JSON con Java, JSONObject y JSONArray - Parzibyte's blog · febrero 16, 2019 a las 1:00 pm

[…] Esto será un poco complejo ya que Java es un lenguaje fuertemente tipado y no podemos hacerlo tan simple como en JavaScript. […]

Codificar y decodificar JSON en PHP: todo lo que necesitas saber - Parzibyte's blog · diciembre 26, 2018 a las 1:01 pm

[…] ¿Quieres codificar y decodificar JSON en JavaScript? mira este post. […]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

A %d blogueros les gusta esto: