Iterando 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:
123456789101112const 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]}`); }
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?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you explain what the output of this code will look like?
What happens if the object has properties inherited from its prototype?
Can you show how to skip certain properties during iteration?
Incrível!
Completion taxa melhorada para 2.27Iterando 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:
123456789101112const 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]}`); }
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?
Obrigado pelo seu feedback!
