Iterasjon Over Objekt-Egenskaper Med For...In-Løkken
I denne delen skal vi utforske avanserte konsepter for arbeid med objekter. Vi skal spesielt dekke iterasjon gjennom objekter og nyttige metoder JavaScript tilbyr for å arbeide effektivt med objekter. La oss begynne.
for...in-løkke
For å arbeide med egenskapene til et objekt, inkludert å iterere gjennom dem, kan vi bruke for...in-løkka. Denne løkka lar oss traversere et objekt og få tilgang til dets egenskaper og deres verdier.
for...in-løkka er en konstruksjon i JavaScript laget spesielt for å iterere over egenskapene til et objekt. Den gir en måte å få tilgang til hvert egenskapsnavn (nøkkel) og tilhørende verdi.
Her er den grunnleggende syntaksen for for...in-løkka:
for (let key in object) {
// Code to be executed for each property
}
key: En variabel som vil inneholde navnet på den nåværende egenskapen under hver iterasjon;object: Objektet vi ønsker å iterere gjennom.
Iterasjon gjennom objektets egenskaper i praksis
La oss se på et eksempel med et objekt som representerer en blomst:
const flower = {
genus: "Allium",
species: "Allium sativum",
color: "Purple",
height: 24,
isEdible: true,
isBlooming: true,
};
Nå skal vi bruke for...in-løkka til å iterere gjennom egenskapene til flower-objektet og logge hvert egenskapsnavn og tilhørende verdi:
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. Hva er hovedformålet med for...in-løkka når man arbeider med objekter?
2. Hva representerer variabelen key i for...in-løkka?
3. Hvilken del av syntaksen til for...in-løkka inneholder objektet du ønsker å iterere gjennom?
4. Hva vil bli logget når man itererer gjennom egenskapene til motorbike-objektet i koden under?
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
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?
Awesome!
Completion rate improved to 2.27
Iterasjon Over Objekt-Egenskaper Med For...In-Løkken
Sveip for å vise menyen
I denne delen skal vi utforske avanserte konsepter for arbeid med objekter. Vi skal spesielt dekke iterasjon gjennom objekter og nyttige metoder JavaScript tilbyr for å arbeide effektivt med objekter. La oss begynne.
for...in-løkke
For å arbeide med egenskapene til et objekt, inkludert å iterere gjennom dem, kan vi bruke for...in-løkka. Denne løkka lar oss traversere et objekt og få tilgang til dets egenskaper og deres verdier.
for...in-løkka er en konstruksjon i JavaScript laget spesielt for å iterere over egenskapene til et objekt. Den gir en måte å få tilgang til hvert egenskapsnavn (nøkkel) og tilhørende verdi.
Her er den grunnleggende syntaksen for for...in-løkka:
for (let key in object) {
// Code to be executed for each property
}
key: En variabel som vil inneholde navnet på den nåværende egenskapen under hver iterasjon;object: Objektet vi ønsker å iterere gjennom.
Iterasjon gjennom objektets egenskaper i praksis
La oss se på et eksempel med et objekt som representerer en blomst:
const flower = {
genus: "Allium",
species: "Allium sativum",
color: "Purple",
height: 24,
isEdible: true,
isBlooming: true,
};
Nå skal vi bruke for...in-løkka til å iterere gjennom egenskapene til flower-objektet og logge hvert egenskapsnavn og tilhørende verdi:
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. Hva er hovedformålet med for...in-løkka når man arbeider med objekter?
2. Hva representerer variabelen key i for...in-løkka?
3. Hvilken del av syntaksen til for...in-løkka inneholder objektet du ønsker å iterere gjennom?
4. Hva vil bli logget når man itererer gjennom egenskapene til motorbike-objektet i koden under?
Takk for tilbakemeldingene dine!