Lära Använda hasOwnProperty() för att Kontrollera Objektets Egenskaper | Avancerade Tekniker för Objektmanipulation

När du itererar genom ett objekts egenskaper med hjälp av for...in-loopen är det viktigt att skilja mellan objektets egna egenskaper och de som ärvs från dess prototypkedja.

Metoden hasOwnProperty() är ett värdefullt verktyg för att kontrollera om en egenskap tillhör objektet eller är ärvd från en prototyp. Låt oss utforska metoden hasOwnProperty() och hur den på ett säkert sätt kan hantera objektets egenskaper vid iteration.

Förstå hasOwnProperty()

Metoden hasOwnProperty() är en inbyggd JavaScript-metod som låter oss kontrollera om en specifik egenskap finns direkt på ett objekt. Den returnerar ett Boolean-värde (true eller false) som indikerar om objektet har en egenskap med det angivna namnet.

Här är den grundläggande syntaxen för metoden hasOwnProperty():

object.hasOwnProperty(property)

object: Objektet du vill kontrollera;
property: Namnet på egenskapen vi vill kontrollera.

Använda hasOwnProperty() med for...in

Genom att använda for...in-loopen kan vi kombinera den med metoden hasOwnProperty() för att iterera genom ett objekts egenskaper. Det är viktigt att lägga till en kontroll för egna egenskaper vid varje iteration för att säkerställa att vi endast får åtkomst till objektets egna egenskaper. Även om vi är säkra på att objektet inte har några ärvda egenskaper skyddar denna kontroll mot framtida möjliga fel.


              12345678910111213
            
const exercise = {
  name: "Deadlift",
  primaryMusclesWorked: "Erector spinae",
  equipment: "Barbell",
  exerciseType: "Strength",
  difficulty: "Intermediate",
};

for (let key in exercise) {
  if (exercise.hasOwnProperty(key)) {
    console.log(`Property: ${key}, Value: ${exercise[key]}`);
  }
}

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 3

Fråga AI

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

Awesome!

Completion rate improved to 2.27

Svep för att visa menyn

När du itererar genom ett objekts egenskaper med hjälp av for...in-loopen är det viktigt att skilja mellan objektets egna egenskaper och de som ärvs från dess prototypkedja.

Förstå hasOwnProperty()

Här är den grundläggande syntaxen för metoden hasOwnProperty():

object.hasOwnProperty(property)

object: Objektet du vill kontrollera;
property: Namnet på egenskapen vi vill kontrollera.

Använda hasOwnProperty() med for...in


              12345678910111213
            
const exercise = {
  name: "Deadlift",
  primaryMusclesWorked: "Erector spinae",
  equipment: "Barbell",
  exerciseType: "Strength",
  difficulty: "Intermediate",
};

for (let key in exercise) {
  if (exercise.hasOwnProperty(key)) {
    console.log(`Property: ${key}, Value: ${exercise[key]}`);
  }
}

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 3

Använda hasOwnProperty() för att Kontrollera Objektets Egenskaper

Förstå hasOwnProperty()

Använda hasOwnProperty() med for...in

1. Vad är det primära syftet med metoden `hasOwnProperty()`?

2. Vilken typ av värde returnerar metoden `hasOwnProperty()`?

3. Varför är det viktigt att kontrollera egna egenskaper med `hasOwnProperty()` i en `for...in`-loop?

4. Vad kommer att loggas när man itererar genom egenskaperna i objektet `video` i koden nedan?

Awesome!

Använda hasOwnProperty() för att Kontrollera Objektets Egenskaper

Förstå hasOwnProperty()

Använda hasOwnProperty() med for...in

1. Vad är det primära syftet med metoden `hasOwnProperty()`?

2. Vilken typ av värde returnerar metoden `hasOwnProperty()`?

3. Varför är det viktigt att kontrollera egna egenskaper med `hasOwnProperty()` i en `for...in`-loop?

4. Vad kommer att loggas när man itererar genom egenskaperna i objektet `video` i koden nedan?

Använda hasOwnProperty() för att Kontrollera Objektets Egenskaper

Förstå hasOwnProperty()

Använda hasOwnProperty() med for...in

1. Vad är det primära syftet med metoden hasOwnProperty()?

2. Vilken typ av värde returnerar metoden hasOwnProperty()?

3. Varför är det viktigt att kontrollera egna egenskaper med hasOwnProperty() i en for...in-loop?

4. Vad kommer att loggas när man itererar genom egenskaperna i objektet video i koden nedan?

Awesome!

Använda hasOwnProperty() för att Kontrollera Objektets Egenskaper

Förstå hasOwnProperty()

Använda hasOwnProperty() med for...in

1. Vad är det primära syftet med metoden hasOwnProperty()?

2. Vilken typ av värde returnerar metoden hasOwnProperty()?

3. Varför är det viktigt att kontrollera egna egenskaper med hasOwnProperty() i en for...in-loop?

4. Vad kommer att loggas när man itererar genom egenskaperna i objektet video i koden nedan?

1. Vad är det primära syftet med metoden `hasOwnProperty()`?

2. Vilken typ av värde returnerar metoden `hasOwnProperty()`?

3. Varför är det viktigt att kontrollera egna egenskaper med `hasOwnProperty()` i en `for...in`-loop?

4. Vad kommer att loggas när man itererar genom egenskaperna i objektet `video` i koden nedan?

1. Vad är det primära syftet med metoden `hasOwnProperty()`?

2. Vilken typ av värde returnerar metoden `hasOwnProperty()`?

3. Varför är det viktigt att kontrollera egna egenskaper med `hasOwnProperty()` i en `for...in`-loop?

4. Vad kommer att loggas när man itererar genom egenskaperna i objektet `video` i koden nedan?