Literales JSON Array | Expliqué

Une liste d'expressions représentant des éléments de tableau spécifiés dans une paire de crochets est appelé JSON Array littéral. Lorsque vous créez un tableau en utilisant un littéral JSON Array, les valeurs du littéral JSON sont ajoutées sous forme d'éléments de tableau, et sa longueur est définie en fonction du nombre d'arguments passés.

Cet article expliquera le littéral JSON Array et son utilisation à l'aide d'exemples appropriés. Alors, commençons!

Qu'est-ce que JSON Array littéral?

Un tableau à l'intérieur d'une chaîne JSON est connu sous le nom de littéral du tableau. Il est identique à des tableaux en javascript, mais il ne peut contenir que des nombres, des chaînes, des booléens, des tableaux, des objets et des valeurs nulles, à l'exception des fonctions, des expressions, des dates et des tableaux indéfinis comme des tableaux.

Une chaîne JSON:

jsonstring = '["Apple", "mango", "orange"]';

Un littéral de tableau dans JSON String:

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

Création d'une chaîne JSON à partir d'un tableau

JavaScript vous permet de créer une chaîne JSON à partir d'un tableau. À cette fin, vous devez déclarer un tableau JavaScript, puis enriguer le tableau pour créer une chaîne JSON.

Exemple: comment créer une chaîne JSON à partir d'un tableau
Dans l'exemple ci-dessous, nous créerons un tableau nommé «MyArray"Avoir trois valeurs de chaîne"Pomme","mangue", et "Orange»:

const MyArray = ["Apple", "Mango", "Orange"];
console.journal (MyArray);

Vous pouvez utiliser n'importe quel bac à sable codant en ligne ou votre éditeur de code préféré pour exécuter le programme JavaScript fourni; Cependant, nous utiliserons le code Visual Studio:

Après avoir ajouté le code dans notre "indice.html», Nous allons l'exécuter avec le«Serveur de foie»VS Extension de code:

La sortie montre les éléments de notre javascript "MyArray»:

Maintenant, pour convertir le tableau en la chaîne JSON, JSON.La méthode stringify () sera utilisée comme indiqué dans l'extrait de code fourni ci-dessous:

Laissez Arrayliteral = JSON.Stringify (MyArray);

Affichons le «arrayliteral» dans la console ainsi que son type variable en utilisant le Type de() Méthode pour vérifier si le tableau est converti en format de chaîne ou non.

console.log (arrayliteral);
console.log (typeof (arrayLitteral));

L'extrait de code complet irait comme ceci:

const MyArray = ["Apple", "Mango", "Orange"];
console.journal (MyArray);
console.log (typeof (myArray));
Laissez Arrayliteral = JSON.Stringify (MyArray);
console.log (arrayliteral);
console.log (typeof (arrayLitteral));

La sortie de l'extrait de code ci-dessus dans la console sera:

La sortie vérifie que le tableau est chaîné avec succès.

Note: Le type de tableau variable est «objet» en javascript. Pour plus de détails, lisez la section de notre article dédié sur les tableaux.

Création d'un tableau en analysant la chaîne JSON

Une autre méthode pour créer un tableau JavaScript consiste à analyser une chaîne JSON et à stocker son résultat. Dans ce cas, vous devez utiliser le «Json.Parse ()”Méthode pour analyser la chaîne JSON ajoutée dans le type de données requis.

Exemple: comment créer un tableau en analysant la chaîne JSON
Tout d'abord, nous définirons un «myjson”String ayant les trois valeurs suivantes:

Const myjson = '["cat", "lapin", "pigeon"]';

Dans la prochaine étape, nous analyserons le «myjson”String en invoquant le"Json.Parse ()" méthode. Les valeurs renvoyées par la méthode spécifiée seront stockées dans «MyArray»:

Exécutez le programme donné ci-dessus et consultez sa sortie:

Après avoir analysé la chaîne JSON dans un tableau, vous pouvez également accéder à un élément de tableau en utilisant son index. Par exemple, si nous voulons obtenir le premier élément de «MyArray«, Ensuite, nous ajouterons la ligne suivante dans notre programme JavaScript:

console.journal (MyArray [1]);

La sortie s'affiche «Lapin«Comme c'est l'élément qui est présent au premier indice de«MyArray»:

Lit en boucle à travers le plateau JSON littéral

Si vous voulez traverser les valeurs du littéral JSON Array, la première chose que vous devez faire est de convertir la chaîne JSON en un tableau et d'utiliser "pour… dans" ou "pour”JavaScript boucles pour l'itération.

Exemple: comment parcourir le littéral JSON Array en utilisant pour… en boucle
Dans cet exemple, nous utiliserons le «pour… dans”Boucle pour la boucle via le littéral JSON ajouté. Mais avant, que nous analyserons notre «myjson"String dans"myobj"Avec l'aide du"Json.Parse ()" méthode:

Const Myjson = '"Name": "Alex", "Age": 25, "Hobbies": ["Painting", "Gardening", "Gaming"]';
const myobj = json.Parse (Myjson);

Ensuite, nous déclarerons une chaîne vide "Info". Après cela, nous allons parcourir le littéral JSON Parse JSON en ajoutant un «pour… dans" boucle. Le résultat de chaque itération sera annexé à «Info»:

Soit info = "";
pour (laissez-je à myobj.loisirs)
info + = myobj.Hobbies [i] + ",";

console.journal (info);

Exemple: boucle dans le plateau json littéral en utilisant pour la boucle
En cas d'utilisation «pour"Loop, vous devez ajouter le code suivant dans votre"indice.html" déposer:

pour (soit i = 0; i < myObj.hobbies.length; i++)
info + = myobj.Hobbies [i] + ",";

console.journal (info);

La sortie donnée ci-dessus signifie que nous avons réussi à boucler via le littéral JSON avec le «pour" boucle.

Conclusion

Chaque chaîne JSON a un littéral JSON Array qui comprend certaines valeurs. Les valeurs ajoutées dans le littéral JSON String peuvent être le nombre, la chaîne, le booléen ou le null. Les valeurs littérales JSON Array doivent être enfermées entre crochets [] et séparées avec une virgule. Cet article a expliqué les littéraux JSON Array et leur utilisation en détail avec l'aide d'exemples appropriés.