Json.analyse et JSON.Stringify | Expliqué avec des exemples
Les objets JSON sont transférés ou lus par le programme sous forme de chaînes appelées JSON Strings. Pour identifier la chaîne JSON, recherchez simplement des guillemets à chaque extrémité de la notation JSON triviale. Cependant, les cordes JSON doivent être converties en objets JSON afin que nous n'ayons pas à utiliser les opérations de chaîne dans notre programme.
De même, pour transférer des données d'un programme à un autre - ou disons simplement du serveur au côté client - il est préférable de reconvertir l'objet JSON en une chaîne JSON. Pour ces conversions, ES6 JavaScript a fourni deux fonctions «JSON.parse () & json.stringify () ".
Json.Stringify () et son utilisation
Les objets JavaScript sont convertis en chaînes avec le «Json.stringify ()". Pour démontrer cette fonction, nous allons avoir besoin d'un objet qui peut être créé avec les lignes de code suivantes:
var myObject =Nom: "John Doe",
Âge: 15,
Courriel: "Tester @ Tester.com ",
Emploi: "Auditeur",
;
Vous pouvez imprimer cet objet sur la console en utilisant la ligne suivante:
console.log (myObject);Vous obtiendrez la sortie suivante sur votre console.
Maintenant, nous pouvons passer cet objet dans le JSON.Stringify () Fonction et stockez-le dans une autre variable en utilisant la ligne suivante:
var converti = JSON.Stringify (myObject);Cette variable peut être imprimée en utilisant la console.Fonction log ():
console.journal (converti);Après avoir exécuté le programme suivant, vous devriez voir la sortie suivante sur votre console:
Comme vous pouvez le voir, nous avons pu convertir l'objet JSON en une chaîne qui peut être transférée sur un réseau ou stocké dans un fichier pour une utilisation ultérieure.
Le Stringify () La fonction prend 2 arguments supplémentaires qui sont facultatifs mais toujours très utiles:
- L'un est la fonction connue sous le nom de substitut argument
- Le deuxième est appelé le espace argument
Le paramètre de remplacement
Le remplaceur est une fonction que vous créez avec deux paramètres:
- clé
- valeur, correspondant à la paire de valeurs clés de l'objet.
Le substitut La méthode est utilisée pour vérifier une valeur spécifique ou renvoyer une autre chaîne au lieu de la valeur d'origine. Le substitut La méthode peut également être utilisée pour sauter une paire de valeurs clés à partir de la chaîne convertie en renvoyant un indéfini valeur.
Pour créer une méthode de remplacement simple qui sautera la paire de valeurs clés à partir de la chaîne résultante si la valeur de «l'auditeur», pour cela, utilisez les lignes de code suivantes:
Fonction remplaceur (clé, valeur)if (value === "Auditeur")
retour non défini;
valeur de retour;
Pour créer une nouvelle chaîne résultante avec notre objet JavaScript et imprimer, utilisez la ligne suivante:
console.journal (JSON.stringify (myObject, remplaceur));Vous obtenez le résultat suivant sur la console:
Comme vous pouvez le voir, puisque le «emploi"Key avait la valeur de"Auditeur«Là, il a été sauté de la chaîne résultante
Le paramètre d'espace
Le troisième argument du Json.stringify () La fonction est le paramètre d'espace, ce paramètre prend soit une chaîne ou un nombre pour les actions suivantes:
- Si une chaîne est passée, alors cette chaîne est ajoutée avant que la valeur clé ne se marie
- Si un nombre est passé, ce nombre d'espaces est ajouté entre les paires de valeurs de clé
Pour démontrer l'argument de l'espaceur, nous utilisons la ligne de code suivante:
console.journal (JSON.stringify (myObject, null, 10));Vous observerez le résultat suivant sur la console:
Vous pouvez observer l'espace entre chaque paire de valeurs clés (l'espace est marqué par la ligne jaune pour la rendre plus importante)
Pour démontrer l'ajout d'une chaîne avant chaque paire de valeurs clés dans la chaîne résultante, utilisez les lignes de code suivantes:
console.journal (JSON.stringify (myObject, null, "a"));Vous observerez le résultat suivant sur la console:
La sous-chaîne préfixée est facilement perceptible
Json.Parse () et son utilisation
Le json.La fonction parse () est utilisée pour convertir une chaîne ou plus précisément la chaîne JSON en un objet JSON. Pour démontrer cela, créez une nouvelle chaîne JSON avec la ligne de code suivante:
const string = '"name": "John Doe", "Age": 15, "Email": "test @ test.com "," travail ":" auditeur " ';Pour créer un objet JSON, passez cette chaîne dans la fonction parse () et stockez l'objet résultant dans une nouvelle variable en utilisant la ligne de code suivante:
const myobject = json.parse (string);Pour observer cet objet résultant, utilisez la fonction de journal de la console comme tel:
console.log (myObject);Lors de l'exécution, vous devez observer la sortie suivante sur votre console:
Vous pouvez accéder aux valeurs de cet objet résultant comme tout autre objet normal, essayez la ligne de code suivante pour vérifier ceci:
console.journal (myObject.Job + "" + myObject.nom);Vous obtiendrez la sortie suivante sur votre console:
C'est tout pour JSON.Fonction Parse () et JSON.Fonction Stringify ()
Conclusion
Le json.La fonction parse () est utilisée pour convertir une chaîne en un objet JavaScript tandis que le JSON.La fonction stringify () est utilisée pour convertir un objet JavaScript en une chaîne. La chaîne JSON est utilisée chaque fois que nous voulons transférer des données d'un programme à un autre, dans le programme, il est préférable d'utiliser l'objet JavaScript plutôt que d'utiliser les opérations de chaîne. JavaScript fournit ces deux fonctions comme des fonctions intégrées, et ces fonctions sont prises en charge par tous les navigateurs modernes.