JavaScript Manipulação de dados em formato JSON

  

Na aula de JavaScript Manipulação de dados em formato JSON, aprendemos sobre o formato JSON (JavaScript Object Notation) e como manipular dados nesse formato em JavaScript.

JSON é um formato de dados que é frequentemente usado para trocar informações entre o servidor e o cliente em aplicações web. Ele é baseado em uma sintaxe de objetos JavaScript e é facilmente convertido em um objeto JavaScript. É comumente usado para armazenar dados como configurações, mensagens de erro, informações de usuário e muito mais.

Aqui estão alguns conceitos e operações que são importantes para a manipulação de dados em formato JSON:

1. JSON.parse(): Converte uma string JSON em um objeto JavaScript.

2. JSON.stringify(): Converte um objeto JavaScript em uma string JSON.

3. Acessando propriedades: As propriedades de um objeto JSON são acessadas usando a notação de ponto (por exemplo, obj.prop) ou a notação de colchetes (por exemplo, obj['prop']).

4. Iteração: É possível iterar sobre um objeto JSON usando a estrutura de repetição for...in ou forEach().

5. Manipulação: Os objetos JSON podem ser manipulados adicionando, removendo ou atualizando propriedades.

exemplo de manipulação de dados em formato JSON em JavaScript:

Suponha que temos o seguinte objeto JSON:

json
{
  "nome": "João",
  "sobrenome": "Silva",
  "idade": 25,
  "endereco": {
    "rua": "Rua dos Bobos",
    "numero": 0,
    "cidade": "São Paulo"
  },
  "telefones": [
    {
      "tipo": "celular",
      "numero": "99999-9999"
    },
    {
      "tipo": "residencial",
      "numero": "2222-2222"
    }
  ]
}

Podemos acessar as propriedades do objeto em JavaScript utilizando a notação de ponto ou a notação de colchetes, como no exemplo abaixo:

js
let telefones = [
  {
    "tipo": "celular",
    "numero": "99999-9999"
  },
  {
    "tipo": "residencial",
    "numero": "2222-2222"
  }
];

for (let i = 0; i < telefones.length; i++) {
  console.log(telefones[i].numero);
}

telefones.forEach(function(elemento) {
  console.log(elemento.numero);
});

Podemos também percorrer os elementos de um array JSON utilizando um laço for ou o método forEach(), como no exemplo abaixo:

js
let pessoa = {
  "nome": "João",
  "sobrenome": "Silva",
  "idade": 25,
  "endereco": {
    "rua": "Rua dos Bobos",
    "numero": 0,
    "cidade": "São Paulo"
  },
  "telefones": [
    {
      "tipo": "celular",
      "numero": "99999-9999"
    },
    {
      "tipo": "residencial",
      "numero": "2222-2222"
    }
  ]
};

console.log(pessoa.nome); // João
console.log(pessoa.endereco.rua); // Rua dos Bobos
console.log(pessoa['telefones'][0].numero); // 99999-9999

O resultado das duas chamadas é:

yaml
99999-9999
2222-2222
99999-9999
2222-2222

Esses são apenas alguns exemplos de como manipular dados em formato JSON em JavaScript. Há muitas outras possibilidades e métodos disponíveis para essa tarefa.