JSON Array Literale | Erklärt

Eine Liste von Ausdrücken, die Array -Elemente darstellen, die in einem Paar Quadratklammern angegeben sind. Wenn Sie ein Array erstellen, indem Sie ein JSON -Array -Literal verwenden, werden die Werte des JSON -Array -Literales als Array -Elemente hinzugefügt, und seine Länge wird gemäß der Anzahl der bestandenen Argumente festgelegt.

In dieser Beschreibung wird JSON Array Literal und seine Verwendung mithilfe geeigneter Beispiele erklärt. So lass uns anfangen!

Was ist JSON Array buchstäblich?

Ein Array in einer JSON -Saite ist als Array Literal bekannt. Es ist dasselbe wie Arrays in JavaScript, es kann jedoch nur Zahlen, Zeichenfolgen, Booleschen, Arrays, Objekte und Nullwerte enthalten, mit Ausnahme von Funktionen, Ausdrücken, Datteln und nicht definierten Arrays undefiniert.

Eine JSON -String:

Jserstring = '["Apple", "Mango", "Orange"]';

Ein Array Literal in JSON String:

myarray = ["Apple", "Mango", "Orange"];

Erstellen einer JSON -Zeichenfolge aus einem Array

JavaScript ermöglicht es Ihnen, eine JSON -Zeichenfolge aus einem Array zu erstellen. Zu diesem Zweck müssen Sie ein JavaScript -Array deklarieren und dann das Array angeben, um einen JSON -String zu erstellen.

Beispiel: So erstellen Sie eine JSON -Zeichenfolge aus einem Array
Im folgenden Beispiel werden wir ein Array namens erstellen “myarray"Drei Zeichenfolgewerte haben"Apfel","Mango", Und "Orange”:

const myarray = ["Apple", "Mango", "Orange"];
Konsole.log (myarray);

Sie können jede Online -Codierungs -Sandbox oder Ihren bevorzugten Code -Editor zur Ausführung des bereitgestellten JavaScript -Programms verwenden. Wir werden jedoch den Visual Studio -Code verwenden:

Nach dem Hinzufügen des Code in unserem ““Index.html"Wir werden es mit dem" ausführen "Leberserver”Gegen Codeerweiterung:

Die Ausgabe zeigt die Elemente unseres JavaScripts “myarray”:

Nun, um das Array in die JSON -String umzuwandeln, JSON.Die Stringify () -Methode wird wie im unten angegebenen Code -Snippet verwendet:

lass arrayliteral = json.Stringify (myarray);

Zeigen wir den „Arrayliteral“ in der Konsole zusammen mit dem variablen Typ mit dem variablen Typ Art der() Methode, um zu überprüfen, ob das Array in das String -Format konvertiert wird oder nicht.

Konsole.log (arrayliteral);
Konsole.log (typeof (arrayliteral));

Der komplette Code -Snippet würde so laufen:

const myarray = ["Apple", "Mango", "Orange"];
Konsole.log (myarray);
Konsole.log (typeof (myarray));
lass arrayliteral = json.Stringify (myarray);
Konsole.log (arrayliteral);
Konsole.log (typeof (arrayliteral));

Die Ausgabe des obigen Codesausschnitts in der Konsole ist:

Die Ausgabe überprüft, dass das Array erfolgreich angestrahlt wird.

Notiz: Der variable Array -Typ ist in JavaScript „Objekt“. Weitere Informationen finden Sie in den Abschnitt unseres speziellen Artikel über Arrays.

Erstellen eines Arrays durch Parsen von JSON -String

Eine andere Methode zum Erstellen eines JavaScript -Arrays besteht darin, eine JSON -Zeichenfolge zu analysieren und sein Ergebnis zu speichern. In diesem Fall müssen Sie das verwenden “JSON.analysieren ()Methode zum Parsen der hinzugefügten JSON -Zeichenfolge in den erforderlichen Datentyp.

Beispiel: So erstellen Sie ein Array, indem Sie die JSON -String analysieren
Zunächst werden wir eine definieren “MyjsonZeichenfolge mit den folgenden drei Werten:

const myjson = '["Katze", "Kaninchen", "Pigeon"]';

Im nächsten Schritt werden wir die “analysieren“Myjson"String, indem Sie die" aufrufen "JSON.analysieren ()" Methode. Die von der angegebenen Methode zurückgegebenen Werte werden in “gespeichert“myarray”:

Führen Sie das oben gegebene Programm aus und lesen Sie die Ausgabe an:

Nachdem Sie die JSON -Zeichenfolge in ein Array analysiert haben, können Sie auch auf ein Array -Element zugreifen, indem Sie seinen Index verwenden. Zum Beispiel, wenn wir das erste Element von "bekommen wollen"myarray„Dann werden wir die folgende Zeile in unserem JavaScript -Programm hinzufügen:

Konsole.log (myarray [1]);

Die Ausgabe wird angezeigt "Kaninchen"Da es das Element ist, das am ersten Index von vorhanden ist"myarray”:

Durch das JSON -Array buchstäblich abfahren

Wenn Sie die Werte von JSON Array Literal durchlaufen möchten, müssen Sie als erstes die JSON -Zeichenfolge in ein Array umwandeln und verwenden “für in" oder "für”JavaScript -Schleifen für die Iteration.

Beispiel: Wie man durch das JSON -Array -Literal für… in der Schleife durchschließt
In diesem Beispiel werden wir das verwenden “für in”Loop zum Schleifen durch den hinzugefügten JSON -Array -Literal. Aber vorher werden wir unsere analysieren “Myjson"String in"Myobj"Mit Hilfe der"JSON.analysieren ()" Methode:

const myjson = '"Name": "Alex", "Alter": 25, "Hobbys": ["Malerei", "Gartenarbeit", "Gaming"]';
const myobj = json.analysieren (myjson);

Als nächstes werden wir eine leere Zeichenfolge deklarieren “die Info”. Danach werden wir durch den Parse JSON Array Literal durchlaufen, indem wir eine "hinzufügen"für in”Schleife. Das Ergebnis jeder Iteration wird an “angehängt“die Info”:

lass info = "";
für (lass mich in myobj.Hobbys)
info += myobj.Hobbys [i] + ",";

Konsole.log (info);

Beispiel: Durch das JSON -Array -Literal durch die Schleife durchlaufen
Bei Verwendung “für"Schleife, Sie müssen den folgenden Code in Ihr" hinzufügen "Index.html" Datei:

für (lass i = 0; i < myObj.hobbies.length; i++)
info += myobj.Hobbys [i] + ",";

Konsole.log (info);

Die übergegebene Ausgabe bedeutet, dass wir mit dem JSON-Array-Literal erfolgreich durch das JSON-Array-Literal gefahren sindfür”Schleife.

Abschluss

Jede JSON -String hat ein JSON -Array -Literal, das einige Werte umfasst. Die im JSON -String -Literal hinzugefügten Werte können Anzahl, String, Boolean oder NULL sein. Die JSON -Array -Literalwerte müssen in quadratischen Klammern eingeschlossen und mit einem Komma getrennt sein. In diesem Artikel wurde die JSON-Array-Literale und ihre Verwendung mit Hilfe geeigneter Beispiele im Detail erläutert.