itemtype='https://schema.org/WebPage' itemscope='itemscope' class="page-template-default page page-id-2837 page-child parent-pageid-34 ast-desktop ast-separate-container ast-right-sidebar astra-4.6.14 ast-single-post ast-inherit-site-logo-transparent ast-hfb-header ast-normal-title-enabled">

11. JSON en Javascript

JSON es una herramienta muy importante dentro de Javascript, e incluso no sólo dentro de Javascript. JSON, por sus siglas en Javascript, es Javascript Object Notation (Notación de objetos Javascript). Es un formato ligero de intercambio de datos.

A nosotros como humanos nos es muy fácil leer y escribir en formato JSON, y para las máquinas es muy fácil interpretarlo.

JSON se ha convertido en un estándar, sirve para conectar diferentes lenguajes y que se puedan entender entre ellos. Es una especie de comunicador / traductor entre dos lenguajes distintos.

Antes de JSON existía XML, que es un lenguaje de marcado muy parecido a HTML, que antes se usaba para este tipo de intercambios. Con la adopción de JSON, JSON ha ido desplazando a XML.

Nota: JSON no es exclusivo de Javascript.

Un archivo JSON tiene la extensión .js, y su sintaxis es muy parecida a la de un objeto Javascript, donde todas las propiedades deben ir con dobles comillas, no acepta comillas simples, ni template strings. Igualmente, los valores de las propiedades tienen que ir con dobles comillas, los booleans, nulls y los números no es necesario que vayan entre comillas.

Si nos vamos a la documentación de MDN, y buscamos JSON, vemos que tiene dos métodos.

  • JSON.parse(): analiza una notación JSON y la convierte a un tipo de dato que Javascript valide, como un objeto, un array, un boolean
  • JSON.stringify(): convierte un objeto o un valor válido de Javascript a notación JSON.

Ejm con JSON.parse()

Convierte las cadenas de texto (están entre comillas) a objetos Javascript.

console.log(JSON.parse("{}")); // Lo convierte a objeto
console.log(JSON.parse("[1,2,3]")); // Lo convierte a array
console.log(JSON.parse("true")); // Lo convierte a true
console.log(JSON.parse("19")); // Lo convierte a number
console.log(JSON.parse("null")); // lo convierte a null

Ejm con JSON.stringify()

Convierte los tipos de datos pasados (arrays, strings, numbers…) en notación JSON.

console.log(JSON.stringify({})); // Lo convierte en cadena
console.log(JSON.stringify([1,2,3])); // Lo convierte en cadena
console.log(JSON.stringify(true)); // Lo convierte en cadena

Si quieres saber más, pincha en el enlace de más abajo.

JSON: Una Guía Completa sobre el Formato de Datos más Popular en la Web

Scroll al inicio