Heim > Web-Frontend > js-Tutorial > Wie kann ich in JavaScript eine Schleife auf Eigenschaften in Arrays von Objekten erstellen und darauf zugreifen?

Wie kann ich in JavaScript eine Schleife auf Eigenschaften in Arrays von Objekten erstellen und darauf zugreifen?

Mary-Kate Olsen
Freigeben: 2024-11-10 11:33:02
Original
571 Leute haben es durchsucht

How to Loop and Access Properties in Arrays of Objects in JavaScript?

Schleifen und Zugreifen auf Eigenschaften in Arrays von Objekten

In JavaScript erfordert das Durchlaufen eines Arrays mit Objekten einen modifizierten Ansatz im Vergleich zu einfachen Wertearrays .

Iterieren über die Objekte

Zu Um die Objekte in einem Array zu durchlaufen, können Sie die Methode forEach() verwenden. Im Gegensatz zur grundlegenden Schleifenstruktur führt forEach() eine Rückruffunktion für jedes Element im Array aus:

myArray.forEach((element) => {
  console.log(element);
});
Nach dem Login kopieren

Dieser Code protokolliert jedes Objekt im myArray-Array.

Zugriff Objekteigenschaften

Um auf Objekteigenschaften innerhalb der Schleife zuzugreifen, können Sie die Punkt- oder Klammernotation verwenden Notation:

forEach((element) => {
  console.log(element.x); // Dot notation
  console.log(element["y"]); // Bracket notation
});
Nach dem Login kopieren

Beispiel

Ändern wir den Code in Ihrer Frage, um forEach() zu verwenden:

for (var j = 0; j < myArray.length; j++) {
  console.log(myArray[j].x); // This returns "undefined"
}

myArray.forEach((element) => {
  console.log(element.x); // This works
});
Nach dem Login kopieren

In der ersten Schleife wird fälschlicherweise versucht, auf die Eigenschaft „x“ der Zeichenfolge „undefiniert“ zuzugreifen. Durch die Verwendung von forEach() mit einer entsprechenden Rückruffunktion können Sie erfolgreich auf die Eigenschaften jedes Objekts im Array zugreifen und diese bearbeiten.

Das obige ist der detaillierte Inhalt vonWie kann ich in JavaScript eine Schleife auf Eigenschaften in Arrays von Objekten erstellen und darauf zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage