Literais de objeto e acesso a propriedades

O que é um objeto?

Pense na ficha de um usuário: ela tem nome, email e idade. Ou em um produto: preço, estoque, categoria. Cada um é um punhado de dados que só fazem sentido juntos. Pois é isso, exatamente, que é um objeto.

Um objeto agrupa dados relacionados em pares chave: valor. Se um array era uma fila numerada, um objeto é a ficha com etiquetas:

const pessoa = {
  nome: "Ana",
  idade: 30,
  ativo: true,
};

Cada par (nome: "Ana") é uma propriedade: a chave é a etiqueta e o valor, seu conteúdo. E você pode perguntar a essa ficha o que quiser.

Acesso com ponto

A forma mais comum:

console.log(pessoa.nome);  // "Ana"
console.log(pessoa.idade); // 30

Acesso com colchetes

Útil quando a chave está guardada em uma variável ou tem caracteres especiais (espaços, hifens) que o ponto não aceita:

const chave = "idade";
console.log(pessoa[chave]);  // 30
console.log(pessoa["nome"]); // "Ana"

Adicionar e modificar propriedades

pessoa.email = "ana@mail.com"; // adiciona
pessoa.idade = 31;             // modifica
delete pessoa.ativo;           // exclui

⚠️ Pegadinha clássica: se você pedir uma propriedade que não existe, o JavaScript não reclama: simplesmente devolve undefined. Nada de erros em vermelho, então confira bem como você escreveu a chave.

Exemplos

A ficha de um livro: criá-la e lê-la

const livro = {
  titulo: "O jogo da amarelinha",
  autor: "Cortázar",
  paginas: 600,
};
console.log(livro.titulo);   // "O jogo da amarelinha"
console.log(livro["autor"]); // "Cortázar"