Ce guide sert le contenu suivant :
- Comment utiliser un tableau d'objets JSON en JavaScript
- Exemple 1 : Création d'un tableau d'objets JSON
- Exemple 2 : Accéder au tableau d'objets JSON
- Exemple 3 : Ajouter ou supprimer le tableau d'objets JSON
Comment utiliser un tableau d'objets JSON en 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 manière, les méthodes push() et pop() sont utilisées pour effectuer des manipulations sur le tableau.
Exemple 1 : Création d'un tableau d'objets JSON en 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
constante prof = {
'Nom' : 'Harry' , 'Matière' : 'Anglais' ,
'âge' : '35'
} ;
console. Journal ( prof ) ;
Dans ce code, un tableau ' prof ' est créé en définissant des propriétés telles que ' Nom ”, “ Matière ', et ' âge ”.
Après cela, différentes valeurs comme ' Harry ”, “ Anglais ', et ' 35 ” sont affectés aux propriétés ci-dessus. A la fin, affichez le tableau ' prof » en employant le console.log() méthode.
Production
La sortie affiche le ' prof ” tableau d'objets JSON dans la fenêtre de la console.
Exemple 2 : Accéder au tableau d'objets JSON en JavaScript
Un exemple est considéré pour accéder aux propriétés des éléments du tableau en JavaScript.
Code
console. Journal ( 'Un exemple d'utilisation d'un tableau par un objet JSON' ) ;constante prof = {
'Nom' : 'Harry' , 'Matière' : 'Anglais' ,
'âge' : '35'
} ;
constante objArr = prof => {
constante arr = [ ] ;
constante clés = Objet . clés ( prof ) ;
pour ( laissez x = 0 ; X < clés. longueur ; X ++ ) {
arr. pousser ( prof [ clés [ X ] ] ) ;
} ;
revenir arr ;
} ;
console. Journal ( objArr ( prof ) ) ;
La description du code :
- Un tableau ' prof ' est initialisé en définissant ' Nom ”, “ Matière ', et ' âge ' Propriétés.
- Ces propriétés se voient attribuer différentes valeurs, telles que ' Harry ”, “ 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 for est utilisée qui insère les valeurs de propriété en utilisant le pousser() méthode.
- La boucle est exécutée jusqu'à ce que toutes les valeurs de propriété soient saisies dans le champ ' arr ' déployer.
- En fin de compte, le objArr(professeur) est utilisé pour afficher les valeurs des propriétés.
Production
La sortie affiche différentes valeurs, 'Harry', 'English' 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 en JavaScript.
Code
console. Journal ( 'Un exemple d'utilisation d'un tableau par un objet JSON' ) ;a été tabObj = [ { 'fruit' : 'Pomme' } , { 'fruit' : 'Banane' } ] ;
console. Journal ( JSON. stringifier ( tabObj ) ) ;
arrObj. pousser ( { 'fruit' : 'Orange' } ) ;
console. Journal ( JSON. stringifier ( tabObj ) ) ;
arrObj. populaire ( ) ;
console. Journal ( JSON. stringifier ( tabObj ) ) ;
La description du code est la suivante :
- Un tableau d'objets JSON ' tabObj ” est initialisé avec deux propriétés de fruits.
- Après cela, le JSON.stringify() La méthode est utilisée pour convertir la valeur JavaScript en chaînes JSON.
- La tabObj.push() méthode insère un élément en passant la valeur de ' fruit ' : ' Orange ” dans le tableau.
- Après cela, le tabObj.pop() La méthode supprime l'élément récemment saisi du tableau.
- Au final, affichez le tableau des objets JSON ' tabObj » en employant le console.log() méthode.
Production
La sortie montre l'exécution du 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 dans JavaScript.
Pour cela, un aperçu avec deux exemples pratiques est fourni. Dans le premier exemple, les objets JSON accédaient aux propriétés du tableau et les affichaient sur la console. Dans le deuxième exemple, une méthode intégrée, chaîner() , est utilisé 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.