Introdução ao formato JSON em JavaScript

Às vezes, é necessário converter uma certa estrutura de dados, por exemplo, um array ou um objeto, em uma string. Isso pode ser necessário, por exemplo, para enviar essa estrutura pela internet ou salvá-la em algum armazenamento.

Para isso, foi criado um formato especial em JavaScript chamado JSON.

O formato JSON pode conter uma das duas estruturas: ou um array, ou um objeto com pares chave-valor. Arrays e objetos são construídos da mesma forma que em JavaScript, mas têm uma limitação: todas as strings e chaves string dos objetos devem estar entre aspas duplas.

Vamos, por exemplo, criar uma string contendo um array no formato JSON:

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

E agora vamos criar uma string contendo um objeto no formato JSON:

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

É possível combinar essas estruturas em qualquer ordem:

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

Diferente das estruturas JavaScript, no JSON não são permitidas vírgulas após os últimos elementos de arrays e objetos:

javascriptlet json = '[1, 2, 3, 4, 5,]'; // incorreto
let json = '[1, 2, 3, 4, 5]';  // correto

Além de números e strings, como elementos também podem aparecer os valores true, false e 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',
};