Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Acessando Propriedades de Objetos em JavaScript | Fundamentos de Objetos em JavaScript
Estruturas de Dados em JavaScript

bookAcessando Propriedades de Objetos em JavaScript

Exploraremos dois métodos para acessar propriedades de objetos: notação de ponto e colchetes. Esses métodos permitem recuperar valores específicos de objetos, e discutiremos cenários em que cada método é comumente utilizado.

Notação de ponto para acessar propriedades

O principal e mais utilizado método para acessar propriedades de objetos é a notação de ponto. Com essa abordagem, acessa-se uma propriedade especificando o nome do objeto seguido de um ponto e o nome da propriedade.

Considere o exemplo em que utilizamos um objeto para representar um funcionário e acessamos suas propriedades usando a notação de ponto:

1234567891011
const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee.name); // Output: Miss Alma Boyer console.log(employee.address); // Output: 2277 Karine Plains console.log(employee.lastName); // Output: undefined
copy

Nota

  • Se você tentar acessar uma propriedade que não existe, o JavaScript retornará undefined;

  • undefined não é exibido quando você executa o código.

Acessando Propriedades por Colchetes

O segundo método para acessar propriedades de objetos é por meio de colchetes. Essa sintaxe envolve especificar o nome do objeto, seguido de colchetes com o nome da propriedade como uma string dentro deles.

Essa abordagem é utilizada com menos frequência do que a notação de ponto, mas é essencial em casos em que o nome da propriedade não é conhecido antecipadamente ou está armazenado em uma variável, como um parâmetro de função. Veja um exemplo usando o mesmo objeto employee:

1234567891011
const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee["name"]); // Output: Miss Alma Boyer console.log(employee["address"]); // Output: 2277 Karine Plains console.log(employee["lastName"]); // Output: undefined
copy

Este método fornece o nome da propriedade como uma string entre colchetes. Permite o acesso dinâmico às propriedades, o que pode ser útil ao lidar com dados mais complexos.

Acessando Propriedades Aninhadas

Vamos explorar como acessar propriedades aninhadas usando a notação de ponto com o exemplo a seguir.

Com a notação de ponto, especifica-se o caminho até a propriedade desejada, separado por pontos. Considere um exemplo com um objeto course:

1234567891011121314151617
const course = { courseName: "Applied Science", courseDuration: "48 hours", author: { position: "Nuclear Physicist", age: 43, name: { first: "Mattie", last: "Crooks", }, }, }; console.log(course.author.position); // Output: Nuclear Physicist console.log(course.author.age); // Output: 43 console.log(course.author.name.first); // Output: Mattie console.log(course.author.name.last); // Output: Crooks
copy

Neste exemplo, propriedades em diferentes níveis de aninhamento dentro do objeto product são acessadas.

1. Quais são os métodos para acessar propriedades de objetos?

2. Ao usar a notação de ponto para acessar propriedades de um objeto, o que é retornado se você tentar acessar uma propriedade que não existe?

3. Considere o seguinte objeto complexo que representa as informações de contato de uma pessoa. Como você poderia recuperar o código postal do objeto person? Selecione todas as opções possíveis.

question mark

Quais são os métodos para acessar propriedades de objetos?

Select the correct answer

question mark

Ao usar a notação de ponto para acessar propriedades de um objeto, o que é retornado se você tentar acessar uma propriedade que não existe?

Select the correct answer

question mark

Considere o seguinte objeto complexo que representa as informações de contato de uma pessoa. Como você poderia recuperar o código postal do objeto person? Selecione todas as opções possíveis.

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.27

bookAcessando Propriedades de Objetos em JavaScript

Deslize para mostrar o menu

Exploraremos dois métodos para acessar propriedades de objetos: notação de ponto e colchetes. Esses métodos permitem recuperar valores específicos de objetos, e discutiremos cenários em que cada método é comumente utilizado.

Notação de ponto para acessar propriedades

O principal e mais utilizado método para acessar propriedades de objetos é a notação de ponto. Com essa abordagem, acessa-se uma propriedade especificando o nome do objeto seguido de um ponto e o nome da propriedade.

Considere o exemplo em que utilizamos um objeto para representar um funcionário e acessamos suas propriedades usando a notação de ponto:

1234567891011
const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee.name); // Output: Miss Alma Boyer console.log(employee.address); // Output: 2277 Karine Plains console.log(employee.lastName); // Output: undefined
copy

Nota

  • Se você tentar acessar uma propriedade que não existe, o JavaScript retornará undefined;

  • undefined não é exibido quando você executa o código.

Acessando Propriedades por Colchetes

O segundo método para acessar propriedades de objetos é por meio de colchetes. Essa sintaxe envolve especificar o nome do objeto, seguido de colchetes com o nome da propriedade como uma string dentro deles.

Essa abordagem é utilizada com menos frequência do que a notação de ponto, mas é essencial em casos em que o nome da propriedade não é conhecido antecipadamente ou está armazenado em uma variável, como um parâmetro de função. Veja um exemplo usando o mesmo objeto employee:

1234567891011
const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee["name"]); // Output: Miss Alma Boyer console.log(employee["address"]); // Output: 2277 Karine Plains console.log(employee["lastName"]); // Output: undefined
copy

Este método fornece o nome da propriedade como uma string entre colchetes. Permite o acesso dinâmico às propriedades, o que pode ser útil ao lidar com dados mais complexos.

Acessando Propriedades Aninhadas

Vamos explorar como acessar propriedades aninhadas usando a notação de ponto com o exemplo a seguir.

Com a notação de ponto, especifica-se o caminho até a propriedade desejada, separado por pontos. Considere um exemplo com um objeto course:

1234567891011121314151617
const course = { courseName: "Applied Science", courseDuration: "48 hours", author: { position: "Nuclear Physicist", age: 43, name: { first: "Mattie", last: "Crooks", }, }, }; console.log(course.author.position); // Output: Nuclear Physicist console.log(course.author.age); // Output: 43 console.log(course.author.name.first); // Output: Mattie console.log(course.author.name.last); // Output: Crooks
copy

Neste exemplo, propriedades em diferentes níveis de aninhamento dentro do objeto product são acessadas.

1. Quais são os métodos para acessar propriedades de objetos?

2. Ao usar a notação de ponto para acessar propriedades de um objeto, o que é retornado se você tentar acessar uma propriedade que não existe?

3. Considere o seguinte objeto complexo que representa as informações de contato de uma pessoa. Como você poderia recuperar o código postal do objeto person? Selecione todas as opções possíveis.

question mark

Quais são os métodos para acessar propriedades de objetos?

Select the correct answer

question mark

Ao usar a notação de ponto para acessar propriedades de um objeto, o que é retornado se você tentar acessar uma propriedade que não existe?

Select the correct answer

question mark

Considere o seguinte objeto complexo que representa as informações de contato de uma pessoa. Como você poderia recuperar o código postal do objeto person? Selecione todas as opções possíveis.

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 5
some-alt