Introducción al formato JSON en JavaScript

A veces es necesario convertir alguna estructura de datos, por ejemplo, un array o un objeto, en una cadena. Esto puede ser útil, por ejemplo, para enviar esta estructura a través de internet o guardarla en algún almacenamiento.

Para ello, en JavaScript se inventó un formato especial llamado JSON.

El formato JSON puede contener una de dos estructuras: o un array, o un objeto con pares clave-valor. Los arrays y objetos se construyen de manera similar a JavaScript, pero tienen una limitación: todas las cadenas y las claves de tipo string de los objetos deben estar entre comillas dobles.

Por ejemplo, creemos una cadena que contenga un array en formato JSON:

javascriptlet json = '[1, 2, 3, 4, 5, "a", "b"]';

Y ahora creemos una cadena que contenga un objeto en formato JSON:

javascriptlet json = `{
  "a": "aaa",
  "b": "bbb",
  "c": "ccc",
  "111": "ddd"
}`;

Se pueden combinar estas estructuras en cualquier orden:

javascriptlet json = `[
  {
    "a": "aaa",
    "b": "bbb"
  },
  {
    "c": "ccc",
    "d": "ddd"
  }
]`;

A diferencia de las estructuras de JavaScript, en JSON no se permiten comas después de los últimos elementos de arrays y objetos:

javascriptlet json = '[1, 2, 3, 4, 5,]'; // incorrecto
let json = '[1, 2, 3, 4, 5]';  // correcto

Además de números y cadenas, como elementos también pueden aparecer los valores true, false y null:

javascriptlet json = '[null, true, false]';

javascriptlet arr = [1, 2, 3, 'a', 'b', 'c'];

javascriptlet obj = {
  a: 1,
  b: 2,
  c: 'eee',
  d: true,
};

javascriptlet obj = {
  a: ['a', 'b', 'c',],
  b: '111',
  c: 'eee',
};