Javascript: Como alterar os dados dos atributos de um objeto JSON


Assim como para ler os atributos de um json, existem duas formas de alterar o valor de um atributo de um objeto json.

A primeira é através do ponto (.), você escreve o nome do objeto, ponto (.) e o nome do atributo, em seguida o sinal igual (=) e, por fim, o novo valor do atributo.

A segunda maneira é com colchetes e uma string com o nome do atributo, também seguido do sinal de igual (=) e o novo valor do atributo.

Exemplo:

objeto.atributo = 'valor';
objeto['atributo'] = 'valor';

Até aqui, tudo simples. Mas tem um detalhe muito importante que você deve saber sobre a linguagem javascript.

Da mesma forma que você pode alterar o valor de um atributo, em Javascript você pode adicionar um novo atributo ao objeto JSON.

Vamos ver um exemplo...

Suponhamos que temos um objeto como o do exemplo abaixo. Vamos alterar o valor do atributo1 e incluir um novo atributo que não existia, chamado atributo3, podemos fazer isso desses dois jeitos:

var objeto = {"atributo1": "valor 1", "atributo2": 23};

objeto.atributo1 = 'outro valor'
objeto['atributo3'] = 'atributo que não existia'

console.log(objeto.atributo1);
console.log(objeto.atributo3);

Abaixo um exemplo de execução de alteração de atributos no console do Chrome.

Exemplo de alteração e adição de atributos em um objeto json em Javascript