Wie iteriere ich durch ein JSON-Array in JavaScript?
Nov 27, 2024 pm 08:28 PMIterieren durch eine JSON-Struktur in JavaScript
Dieser Artikel bietet eine praktische Lösung für das Iterieren über eine JSON-Struktur in JavaScript und geht dabei auf die spezifische Frage ein :
Frage:
Wie mache ich über die folgende JSON-Struktur in JavaScript iterieren?
[{ "id": "10", "class": "child-of-9" }, { "id": "11", "classd": "child-of-10" }]
Antwort:
Die bereitgestellte JSON-Struktur liegt in einem Array-Format vor. Um darüber zu iterieren, befolgen Sie diese Schritte:
- Erstellen Sie ein Array-Objekt:
var arr = [ {"id":"10", "class": "child-of-9"}, {"id":"11", "class": "child-of-10"} ];
- Verwenden Sie ein For Schleife zur Iteration über die Array:
for (var i = 0; i < arr.length; i++) {
- Zugriff auf das aktuelle Objekt innerhalb der Schleife:
var obj = arr[i];
- Verwenden Sie eine andere For-Schleife, um über die Objekte zu iterieren Eigenschaften:
for (var key in obj) {
- Eigenschaftswerte extrahieren und anzeigen:
var value = obj[key]; document.write("<br><br>array index: " + i); document.write("<br> - " + key + ": " + value);
Dieser Codeausschnitt wird iteriert über jedes Objekt im JSON-Array und zeigen Sie seine Eigenschaften und Werte im Dokument an.
Das obige ist der detaillierte Inhalt vonWie iteriere ich durch ein JSON-Array in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Ersetzen Sie Stringzeichen in JavaScript

Benutzerdefinierte Google -Search -API -Setup -Tutorial

8 atemberaubende JQuery -Seiten -Layout -Plugins

Erstellen Sie Ihre eigenen AJAX -Webanwendungen

10 JavaScript & JQuery MVC -Tutorials
