Heim > Web-Frontend > js-Tutorial > Wie iteriere ich in JavaScript durch ein JSON-Array von Objekten?

Wie iteriere ich in JavaScript durch ein JSON-Array von Objekten?

Susan Sarandon
Freigeben: 2024-11-28 02:33:09
Original
933 Leute haben es durchsucht

How Do I Iterate Through a JSON Array of Objects in JavaScript?

Iterieren über JSON-Strukturen in JavaScript

Bei der Arbeit mit JSON-Daten ist es oft notwendig, über deren Struktur zu iterieren, um Daten zu extrahieren oder zu manipulieren . In der bereitgestellten JSON-Struktur:

[
  {
    "id": "10",
    "class": "child-of-9"
  },
  {
    "id": "11",
    "class": "child-of-10"
  }
]
Nach dem Login kopieren

Wir können eine einfache JavaScript-for-Schleife verwenden, um jedes Objekt im Array zu durchlaufen:

for (var i = 0; i < arr.length; i++) {
  // First, access the current object
  var obj = arr[i];

  // Now, we can iterate over the object's properties
  for (var key in obj) {
    // Obtain the value for the current property
    var value = obj[key];

    // Output the key and value
    document.write(`<br><br> - ${key}: ${value}`);
  }
}
Nach dem Login kopieren

Dieser Code durchläuft jedes Objekt im Array Array, das auf seine ID- und Klasseneigenschaften zugreift. Die Ausgabe wird im Browser angezeigt und listet jede Eigenschaft und ihren Wert auf.

Das obige ist der detaillierte Inhalt vonWie iteriere ich in JavaScript durch ein JSON-Array von Objekten?. 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