Como adicionar uma chave e valor a um objeto JavaScript

Neste artigo você vai aprender a como adicionar uma chave e valor a um objeto JavaScript, de uma maneira simples simples!

Fala programador(a), beleza? Bora aprender mais sobre objetos e também sobre a linguagem JavaScript!

Em JS adicionar uma nova chave ou propriedade a um objeto é super simples

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Temos disponível notações diferentes para este fim, a mais comum é a de ponto

Onde colocamos o nome da nova chave e atribuimos o valor, como se fosse uma variável

Porém o nome do objeto deve ser seguido de um ponto e o nome da chave

Veja um exemplo prático:

var obj = {
	nome: "Matheus"
}

obj.idade = 30;

console.log(obj);

/* 

{
  idade: 30,
  nome: "Matheus"
}

*/

Veja que adicionamos no objeto obj a chave idade, que anteriormente não existia

Demos a ela o valor de 30, e por fim imprimimos o objeto obj, que já vem com seu novo dado adicionado

Esta é a chamada notação de ponto, porém temos também a notação de colchetes

Veja um exemplo desta outra abordagem:

var obj = {
	nome: "Matheus"
}

obj["idade"] = 30;

console.log(obj);

/* 

{
  idade: 30,
  nome: "Matheus"
}

*/

Teremos o mesmo resultado!

A forma que adicionamos chaves e valores não importa, apesar de suas mínimas diferenças

Conclusão

Neste artigo você aprendeu a como adicionar uma chave e valor a um objeto, na linguagem JavaScript

Utilizamos duas notações diferentes:

• De ponto, exemplo: obj.chave = valor;
• E a de colchetes, exemplo: obj[“chave”] = valor;

As duas chegam ao mesmo resultado, porém a de ponto é muito mais comum de ser vista em softwares

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube