Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lernen Herausforderung: hasOwnProperty() für die Iteration von Objekteigenschaften | Fortgeschrittene Objektmanipulation
JavaScript-Datenstrukturen

book
Herausforderung: hasOwnProperty() für die Iteration von Objekteigenschaften

Aufgabe

Erstellen Sie eine Schleife, die durch die Eigenschaften eines Objekts iteriert und jede Eigenschaft zusammen mit ihrem Wert ausgibt. Sie sollten jedoch nur Eigenschaften ausgeben, die direkt zum Objekt gehören, nicht die, die von der Prototyp-Kette geerbt wurden. Verwenden Sie die Methode hasOwnProperty(), um dies zu erreichen.

const song = {
name: "Bohemian Rhapsody",
band: "Queen",
released: "31 October 1975",
duration: 355,
};

___ (___ ___ in ___) {
if (song.___(key)) {
console.log(`${key}:`, song[key]);
}
}

              
123456789101112

            
const song = {
  name: "Bohemian Rhapsody",
  band: "Queen",
  released: "31 October 1975",
  duration: 355,
};

___ (___ ___ in ___) {
  if (song.___(key)) {
    console.log(`${key}:`, song[key]);
  }
}
copy

Erwartete Ausgabe:

name: Bohemian Rhapsody
band: Queen
released: 31 October 1975
duration: 355
  1. Verwenden Sie eine for...in Schleife, um durch die Eigenschaften des Objekts zu iterieren.
  2. Überprüfen Sie innerhalb der Schleife, ob jede Eigenschaft eine eigene Eigenschaft des Objekts ist, indem Sie hasOwnProperty() verwenden, bevor Sie sie protokollieren.
const song = {
name: "Bohemian Rhapsody",
band: "Queen",
released: "31 October 1975",
duration: 355,
};

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

              
123456789101112

            
const song = {
  name: "Bohemian Rhapsody",
  band: "Queen",
  released: "31 October 1975",
  duration: 355,
};

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

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 4
some-alt