Json.analyse et JSON.Stringify | Expliqué avec des exemples

L'une des plus grandes fonctionnalités de JavaScript est sa notation JSON pour le transfert de données, l'objet JSON est perçu par tous les navigateurs mis à jour et est utilisé dans presque tous les langues de programmation disponibles sur le marché actuel. JSON est une notation de données très pondérée et adaptée à l'homme qui est également lisible par des langages de programmation.

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.