Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lära Iterera över objektets egenskaper med for...in-slingan | Avancerade Tekniker för Objektmanipulation
Javascript Datastrukturer

bookIterera över objektets egenskaper med for...in-slingan

I det här avsnittet kommer vi att utforska avancerade koncept för att arbeta med objekt. Vi kommer särskilt att behandla iteration genom objekt och användbara metoder som JavaScript erbjuder för att arbeta effektivt med objekt. Låt oss börja.

for...in-loop

För att arbeta med egenskaperna hos ett objekt, inklusive att iterera genom dem, kan vi använda for...in-loopen. Denna loop gör det möjligt att gå igenom ett objekt och komma åt dess egenskaper och deras värden.

for...in-loopen är en konstruktion i JavaScript som är särskilt utformad för att iterera över egenskaperna hos ett objekt. Den möjliggör åtkomst till varje egenskaps namn (nyckel) och dess motsvarande värde.

Här är den grundläggande syntaxen för for...in-loopen:

for (let key in object) {
  // Code to be executed for each property
}
  • key: En variabel som innehåller namnet på den aktuella egenskapen under varje iteration;
  • object: Objektet som ska itereras igenom.

Iterering genom objektets egenskaper i praktiken

Vi kan titta på ett exempel med ett objekt som representerar en blomma:

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

Nu använder vi for...in-loopen för att itera genom egenskaperna i flower-objektet och logga varje egenskaps namn och dess värde:


              
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. Vad är det primära syftet med for...in-loopen när man arbetar med objekt?

2. Vad representerar variabeln key i for...in-loopen?

3. Vilken del av for...in-loopens syntax innehåller objektet du vill iterera igenom?

4. Vad kommer att loggas när man itererar genom motorbike-objektets egenskaper i koden nedan?

question mark

Vad är det primära syftet med for...in-loopen när man arbetar med objekt?

Select the correct answer

question mark

Vad representerar variabeln key i for...in-loopen?

Select the correct answer

question mark

Vilken del av for...in-loopens syntax innehåller objektet du vill iterera igenom?

Select the correct answer

question mark

Vad kommer att loggas när man itererar genom motorbike-objektets egenskaper i koden nedan?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 1

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

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

bookIterera över objektets egenskaper med for...in-slingan

Svep för att visa menyn

I det här avsnittet kommer vi att utforska avancerade koncept för att arbeta med objekt. Vi kommer särskilt att behandla iteration genom objekt och användbara metoder som JavaScript erbjuder för att arbeta effektivt med objekt. Låt oss börja.

for...in-loop

För att arbeta med egenskaperna hos ett objekt, inklusive att iterera genom dem, kan vi använda for...in-loopen. Denna loop gör det möjligt att gå igenom ett objekt och komma åt dess egenskaper och deras värden.

for...in-loopen är en konstruktion i JavaScript som är särskilt utformad för att iterera över egenskaperna hos ett objekt. Den möjliggör åtkomst till varje egenskaps namn (nyckel) och dess motsvarande värde.

Här är den grundläggande syntaxen för for...in-loopen:

for (let key in object) {
  // Code to be executed for each property
}
  • key: En variabel som innehåller namnet på den aktuella egenskapen under varje iteration;
  • object: Objektet som ska itereras igenom.

Iterering genom objektets egenskaper i praktiken

Vi kan titta på ett exempel med ett objekt som representerar en blomma:

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

Nu använder vi for...in-loopen för att itera genom egenskaperna i flower-objektet och logga varje egenskaps namn och dess värde:


              
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. Vad är det primära syftet med for...in-loopen när man arbetar med objekt?

2. Vad representerar variabeln key i for...in-loopen?

3. Vilken del av for...in-loopens syntax innehåller objektet du vill iterera igenom?

4. Vad kommer att loggas när man itererar genom motorbike-objektets egenskaper i koden nedan?

question mark

Vad är det primära syftet med for...in-loopen när man arbetar med objekt?

Select the correct answer

question mark

Vad representerar variabeln key i for...in-loopen?

Select the correct answer

question mark

Vilken del av for...in-loopens syntax innehåller objektet du vill iterera igenom?

Select the correct answer

question mark

Vad kommer att loggas när man itererar genom motorbike-objektets egenskaper i koden nedan?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 1
some-alt