Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Iterando Sobre Propriedades de Objetos com o Loop for...in | Técnicas Avançadas de Manipulação de Objetos
Estruturas de Dados em JavaScript

bookIterando Sobre Propriedades de Objetos com o Loop for...in

Nesta seção, serão explorados conceitos avançados de manipulação de objetos. Especificamente, serão abordadas técnicas de iteração em objetos e métodos úteis que o JavaScript oferece para trabalhar com objetos de forma eficiente. Vamos começar.

Laço for...in

Para manipular as propriedades de um objeto, incluindo a iteração sobre elas, pode-se utilizar o laço for...in. Esse laço permite percorrer um objeto e acessar suas propriedades e respectivos valores.

O laço for...in é uma construção em JavaScript projetada especificamente para iterar sobre as propriedades de um objeto. Ele fornece uma maneira de acessar o nome (chave) de cada propriedade e seu valor correspondente.

Aqui está a sintaxe básica do laço for...in:

for (let key in object) {
  // Code to be executed for each property
}
  • key: Variável que armazenará o nome da propriedade atual durante cada iteração;
  • object: Objeto que será percorrido.

Iteração pelas Propriedades de um Objeto na Prática

Considere um exemplo com um objeto que representa uma flor:

const flower = {
  genus: "Allium",
  species: "Allium sativum",
  color: "Purple",
  height: 24,
  isEdible: true,
  isBlooming: true,
};

Agora, utilize o laço for...in para percorrer as propriedades do objeto flower e exibir cada nome de propriedade e seu valor:

123456789101112
const flower = { genus: "Allium", species: "Allium sativum", color: "Purple", height: 24, isEdible: true, isBlooming: true, }; for (let key in flower) { console.log(`Property: ${key}, Value: ${flower[key]}`); }
copy

1. Qual é o principal objetivo do laço for...in ao trabalhar com objetos?

2. O que a variável key representa no laço for...in?

3. Qual parte da sintaxe do laço for...in contém o objeto que você deseja iterar?

4. O que será exibido ao iterar pelas propriedades do objeto motorbike no código abaixo?

question mark

Qual é o principal objetivo do laço for...in ao trabalhar com objetos?

Select the correct answer

question mark

O que a variável key representa no laço for...in?

Select the correct answer

question mark

Qual parte da sintaxe do laço for...in contém o objeto que você deseja iterar?

Select the correct answer

question mark

O que será exibido ao iterar pelas propriedades do objeto motorbike no código abaixo?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 1

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

bookIterando Sobre Propriedades de Objetos com o Loop for...in

Deslize para mostrar o menu

Nesta seção, serão explorados conceitos avançados de manipulação de objetos. Especificamente, serão abordadas técnicas de iteração em objetos e métodos úteis que o JavaScript oferece para trabalhar com objetos de forma eficiente. Vamos começar.

Laço for...in

Para manipular as propriedades de um objeto, incluindo a iteração sobre elas, pode-se utilizar o laço for...in. Esse laço permite percorrer um objeto e acessar suas propriedades e respectivos valores.

O laço for...in é uma construção em JavaScript projetada especificamente para iterar sobre as propriedades de um objeto. Ele fornece uma maneira de acessar o nome (chave) de cada propriedade e seu valor correspondente.

Aqui está a sintaxe básica do laço for...in:

for (let key in object) {
  // Code to be executed for each property
}
  • key: Variável que armazenará o nome da propriedade atual durante cada iteração;
  • object: Objeto que será percorrido.

Iteração pelas Propriedades de um Objeto na Prática

Considere um exemplo com um objeto que representa uma flor:

const flower = {
  genus: "Allium",
  species: "Allium sativum",
  color: "Purple",
  height: 24,
  isEdible: true,
  isBlooming: true,
};

Agora, utilize o laço for...in para percorrer as propriedades do objeto flower e exibir cada nome de propriedade e seu valor:

123456789101112
const flower = { genus: "Allium", species: "Allium sativum", color: "Purple", height: 24, isEdible: true, isBlooming: true, }; for (let key in flower) { console.log(`Property: ${key}, Value: ${flower[key]}`); }
copy

1. Qual é o principal objetivo do laço for...in ao trabalhar com objetos?

2. O que a variável key representa no laço for...in?

3. Qual parte da sintaxe do laço for...in contém o objeto que você deseja iterar?

4. O que será exibido ao iterar pelas propriedades do objeto motorbike no código abaixo?

question mark

Qual é o principal objetivo do laço for...in ao trabalhar com objetos?

Select the correct answer

question mark

O que a variável key representa no laço for...in?

Select the correct answer

question mark

Qual parte da sintaxe do laço for...in contém o objeto que você deseja iterar?

Select the correct answer

question mark

O que será exibido ao iterar pelas propriedades do objeto motorbike no código abaixo?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 1
some-alt