In dieser Anleitung wird erläutert, wie Sie mithilfe von JavaScript eine Schleife durch ein JSON-Array durchlaufen.
Wie iteriere ich eine Schleife durch ein JSON-Array mit JavaScript?
Der ' JSON-Array Auf Werte kann über eine Schleife zugegriffen werden. Die Einschleifung von JSON (JavaScript Object Notation) gilt als die beste Technik zum Transport von Daten in einem Array-Format. Dies liegt daran, dass es sich um ein leichtes Format zum Speichern und Übertragen der erforderlichen Daten von einem Ort zum anderen handelt.
In diesem Abschnitt wird das häufig verwendete „ für ”-Schleife zum Iterieren eines JSON-Arrays mithilfe von JavaScript.
Syntax (JSON-Array)
Array - Name = [ Wert1 , Wert2 , ..... WertN ]
Hier beziehen sich „Wert1“, „Wert2“ und „WertN“ auf die Werte, die iteriert werden müssen.
Lassen Sie uns die Schleife durch ein „JSON“-Array in JavaScript praktisch durchführen.
HTML Quelltext
Schauen wir uns den folgenden HTML-Code an:
< h2 > Durchlaufen des JSON-Arrays < / h2 >< P > Ein JSON-Array besteht aus null, einem oder mehreren geordneten Elementen, getrennt durch ein Komma. < / P >
< P Ausweis = 'Probe' >< / P >
In den obigen Codezeilen:
- Der ' Tag definiert eine Unterüberschrift.
- Der ' „Tag“ erstellt eine Absatzanweisung.
- Schließlich definiert das „
“-Tag einen leeren Absatz mit der ID „ Probe ”, um die JSON-Array-Werte anzuzeigen.
JavaScript-Code
Fahren Sie als Nächstes mit dem unten bereitgestellten Code fort:
< Skript >const JSONarray = '{'name': 'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
const Obj = JSON. analysieren ( JSONarray ) ;
lass Text = „“ ;
für ( lass k = 0 ; k < Obj. Autos . Länge ; k ++ ) {
Text += Obj. Autos [ k ] + ',' ;
}
dokumentieren. getElementById ( 'Probe' ) . innerHTML = Text ;
Skript >
In diesem Codeblock:
- Definieren Sie ein JSON-Array mit dem Namen „ JSONarray ' mit einem ' const „Schlüsselwort mit einer geordneten Liste von Werten.
- Der ' Obj Das Objekt nutzt die Funktion „ parse() ”-Methode, die den angegebenen JSON-Array-Text in das JavaScript-Objekt konvertiert.
- Danach wird das „ Text Die Variable speichert einen leeren Wert.
- Als nächstes wenden Sie ein „ für ”-Schleife zum Durchlaufen der Eigenschaften von „ Obj ” verkettet mit dem enthaltenen JSON-Array gegen den Schlüssel „car“.
- Verknüpfen Sie außerdem das „ Länge ”-Eigenschaft und erhöhen Sie die Schleife, um die Iteration ordnungsgemäß auszuführen.
- Wenden Sie abschließend das „ getElementById() ”-Methode, um über die ID „sample“ auf den hinzugefügten leeren Absatz zuzugreifen. Es zeigt die JSON-Array-Werte durch „ innerHTML ' Eigentum.
Ausgang
Die Ausgabe zeigt alle Werte des hinzugefügten JSON-Arrays mithilfe der „for“-Schleife.
Abschluss
„ JSON-Arrays ” kann mit Hilfe von JavaScript einfach iteriert werden. für ” Schleife. Dies ist ein gängiger Prozess und wird im Allgemeinen in der Webentwicklung verwendet, um die Daten im JSON-Format aus der Datenbank oder der API abzurufen. In diesem Handbuch wurde eine kurze Beschreibung zum Durchlaufen einer Schleife durch ein JSON-Array mithilfe von JavaScript erläutert.