Objetos

Os programas frequentemente precisam manter juntos pedaços de dados relacionados.

Por exemplo, um animal de estimação pode ter um nome, um tipo e uma idade. Em vez de criar variáveis separadas para cada detalhe, o JavaScript permite que você os agrupe em um único objeto.

O que é um objeto

Um objeto armazena informações relacionadas em uma única variável.

Em JavaScript, os objetos usam chaves {}.

Cada informação dentro de um objeto tem um nome e um valor.

Pares de chave e valor

Os dados de um objeto são escritos como pares de chave e valor.

• Uma chave é o nome de um pedaço de dado, como name ou age.
• Um valor é o dado em si, como "Bella" ou 3.

Dois-pontos : conectam a chave e o valor.

Vírgulas , separam vários pares de chave e valor.

Primeiro exemplo de código

Aqui está um objeto simples de animal de estimação.

const pet = {
  name: "Bella",
  type: "dog",
  age: 3
};

console.log(pet);

Análise do código

Vamos detalhar o que acontece no código acima:

• const pet cria uma variável chamada pet.
• As chaves {} criam um objeto.
• O objeto tem três pares de chave e valor: name: "Bella", type: "dog" e age: 3.
• As vírgulas separam os pares de chave e valor.
• console.log(pet) envia o objeto completo para a seção de saída depois que você clica em Executar.

Lendo um valor de um objeto

Muitas vezes, você não precisa do objeto inteiro de uma vez. Você pode querer apenas um valor específico.

Você pode ler um valor com a notação de ponto.

Para usar a notação de ponto, escreva o nome do objeto, um ponto . e a chave que você quer ler.

const userProfile = {
  username: "coder123",
  level: 5
};

console.log(userProfile.username);

Isso envia "coder123" para a seção de saída porque username é o valor que pedimos.

Você também pode ver a notação de colchetes, como userProfile["username"]. Para esta lição, a notação de ponto é a opção mais simples.

Mini tarefa

Olhe para o bloco de código userProfile acima.

Mude console.log(userProfile.username) para que ele imprima o level do usuário em vez disso.

Pequeno quiz

Pergunta 1: Quais símbolos são usados para criar um objeto?

Resposta: Chaves {}.

Pergunta 2: Qual sinal de pontuação separa vários pares de chave e valor?

Resposta: Uma vírgula ,.

Pequeno desafio

Crie um objeto chamado course que represente esta lição.

Dê a ele uma chave title com um valor de string, como "JavaScript".

Dê a ele uma chave duration com um valor numérico, como 4.

Use a notação de ponto dentro de console.log() para imprimir o title do curso.

// coloque seu código abaixo

console.log()

Resumo

• Um objeto armazena informações relacionadas em uma única variável.
• Os objetos usam chaves {}.
• Os dados de um objeto são escritos como pares de chave e valor.
• Uma chave é o rótulo, e um valor é o dado em si.
• As vírgulas separam vários pares de chave e valor.
• A notação de ponto lê um valor de um objeto, como person.name.