Aula 20 — Acessando e alterando propriedades de objetos

Na aula anterior, aprendemos o que são objetos literais. Agora vamos dar vida a eles, aprendendo como acessar e alterar suas propriedades.

Essa habilidade é essencial para trabalhar com dados no JavaScript.

🎯 Objetivo da aula

Ao final desta aula, você será capaz de:

• Acessar propriedades de objetos
• Alterar valores existentes
• Adicionar novas propriedades
• Usar notação de ponto e colchetes

🧠 Relembrando um objeto

Vamos trabalhar com este objeto como exemplo:

 let pessoa = { nome: "Ana", idade: 28, cidade: "São Paulo" }; 

👉 Acessando propriedades (notação de ponto)

A forma mais comum de acessar uma propriedade é usando a notação de ponto.

 
  console.log(pessoa.nome); 
  console.log(pessoa.idade); 

Essa forma é simples e fácil de ler.

O código acima resultará na seguinte saída:

🔑 Acessando propriedades (notação de colchetes)

Também podemos acessar propriedades usando colchetes [ ].

 console.log(pessoa["cidade"]); 

Essa forma é útil quando:

• o nome da propriedade está em uma variável
• a chave possui caracteres especiais

✏️ Alterando propriedades

Para alterar o valor de uma propriedade, basta atribuir um novo valor.

 
  pessoa.idade = 29; 
  pessoa["cidade"] = "Rio de Janeiro"; 

O objeto é atualizado imediatamente.

➕ Adicionando novas propriedades

Objetos em JavaScript são dinâmicos. Podemos adicionar propriedades a qualquer momento.

 pessoa.profissao = "Desenvolvedora"; 

🧠 Usando variáveis como chave

Veja um exemplo onde o nome da propriedade está em uma variável:

 
  let chave = "nome"; 
  console.log(pessoa[chave]); 

⚠️ Propriedades inexistentes

Se tentarmos acessar uma propriedade que não existe, o JavaScript retorna undefined.

 console.log(pessoa.telefone); 

🧠 Boas práticas

• Prefira a notação de ponto sempre que possível
• Use colchetes quando a chave for dinâmica
• Mantenha os objetos organizados

▶️ Próxima aula

Na próxima aula, vamos aprender o que é o DOM e entender como o JavaScript interage com a página HTML.