Comment utiliser le tableau d'objets JSON dans JavaScript

La notation d'objet JavaScript (JSON) est le format bien connu pour le stockage de données ainsi que l'échange entre les clients et les serveurs. JavaScript fournit un environnement pour effectuer une manipulation avec des tableaux via des objets JSON. De cette façon, les utilisateurs peuvent modifier et afficher les informations stockées dans le tableau. Dans ce tutoriel, vous apprendrez à utiliser le tableau à différentes fins par un Json objet.

Ce guide sert le contenu suivant:

• Comment utiliser le tableau d'objets JSON dans JavaScript
• Exemple 1: Création d'un tableau d'objets JSON
• Exemple 2: Accès au tableau d'objets JSON
• Exemple 3: Ajouter ou supprimer le tableau d'objets JSON

Comment utiliser le tableau d'objets JSON dans JavaScript?

L'objet JSON est essentiellement un objet basé sur JavaScript. Ces objets peuvent être utilisés pour accéder aux propriétés d'un tableau. Après avoir accédé, les utilisateurs peuvent ajouter, supprimer ou modifier les propriétés dans le tableau existant. De plus, la méthode stringify () est utilisée pour convertir la chaîne JSON en un tableau d'objets JSON. De cette façon, les méthodes push () et pop () sont utilisées pour effectuer une manipulation sur le tableau.

Exemple 1: Création d'un tableau d'objets JSON dans JavaScript

Un exemple est considéré pour créer un tableau d'objets JSON en utilisant JavaScript. Par exemple, le code est fourni ci-dessous.

Code

const professeur =
"Nom": "Harry", "Sujet": "Anglais",
"âge": "35"
;
console.journal (enseignant);

Dans ce code, un tableau «professeur«Est créé en définissant des propriétés telles que«Nom","Sujet", et "âge".

Après cela, différentes valeurs comme «Harceler","Anglais", et "35«Sont affectés aux propriétés ci-dessus. En fin de compte, affichez le tableau «professeur»En utilisant le console.enregistrer() méthode.

Sortir

La sortie montre le «professeur”Array d'objets JSON dans la fenêtre de la console.

Exemple 2: Accès au tableau d'objets JSON dans JavaScript

Un exemple est considéré pour accéder aux propriétés des éléments du tableau en javascript.

Code

console.log ("Un exemple pour utiliser le tableau par objet JSON");
const professeur =
"Nom": "Harry", "Sujet": "Anglais",
"âge": "35"
;
const objarr = professeur =>
const arr = [];
constants constants = objet.clés (professeur);
pour (soit x = 0; x < keys.length; x++)
art.push (professeur [clés [x]]);
;
retour arr;
;
console.Log (objarr (professeur));

La description du code:

• Un tableau "professeur"Est initialisé en définissant"Nom","Sujet", et "âge" propriétés.
• Ces propriétés se voient attribuer différentes valeurs, telles que «Harceler","Anglais", et "35".
• Après cela, un Json objet "objarr»Est utilisé pour accéder aux propriétés des éléments et renvoyer un nouveau tableau.
• À l'intérieur de "objarr», Une boucle pour une boucle est utilisée qui insère les valeurs des propriétés en utilisant le pousser() méthode.
• La boucle est exécutée jusqu'à ce que toutes les valeurs de propriété soient entrées dans le «art" déployer.
• En fin de compte, le Objarr (professeur) est utilisé pour afficher les valeurs de la propriété.

Sortir

La sortie montre différentes valeurs, «Harry», «anglais» et «35» en attribuant des propriétés en JavaScript.

Exemple 3: Ajouter ou supprimer le tableau d'objets JSON en javascript

Un exemple est adapté pour ajouter et supprimer le tableau d'éléments à l'aide d'un objet JSON dans JavaScript.

Code

console.log ("Un exemple pour utiliser le tableau par objet JSON");
var arrobj = ["fruit": "pomme", "fruit": "banane"];
console.journal (JSON.stringify (arrobj));
arrobj.push ("fruit": "orange");
console.journal (JSON.stringify (arrobj));
arrobj.populaire();
console.journal (JSON.stringify (arrobj));

La description du code est la suivante:

• Un tableau d'objets JSON "arrobj"Est initialisé avec deux propriétés des fruits.
• Après cela, le Json.stringify () La méthode est utilisée pour convertir la valeur JavaScript en chaînes JSON.
• Le arrobj.pousser() La méthode insère un élément en passant la valeur de «fruit":"Orange«Dans le tableau.
• Après cela, le arrobj.populaire() La méthode supprime l'élément récemment entré du tableau.
• En fin de compte, affichez le tableau d'objets JSON "arrobj»En utilisant le console.enregistrer() méthode.

Sortir

La sortie affiche l'exécution de code ci-dessus en ajoutant et en supprimant les éléments du tableau "fruit":"Orange”À travers les objets JSON.

Conclusion

Dans cet article, Objets JSON sont utilisés pour accéder et modifier les éléments d'un tableau Javascrip.
Pour cela, un aperçu avec deux exemples pratiques est fourni. Dans le premier exemple, les objets JSON ont accédé aux propriétés du tableau et les ont affichés sur la console. Dans le deuxième exemple, une méthode intégrée, stringify (), est employé pour ajouter et supprimer des propriétés dans le tableau. Sur la base de cet article, les utilisateurs peuvent ajouter, supprimer ou modifier les propriétés d'un tableau à l'aide d'objets JSON.