Json.Méthode Stringify | Expliqué

JSON est une norme pour transférer des données sur les serveurs et les clients, et c'est le format le plus célèbre qui est accepté par presque tous les langues de programmation modernes. Chaque fois que les données doivent être transférées sur Internet, elles sont transférées en valeur de chaîne. Lorsque cette valeur de chaîne est reçue par l'application, elle est analysée dans un objet. De même, les objets sont convertis en cordes JSON avant de les envoyer sur Internet.

Dans JavaScript, la méthode utilisée pour convertir les objets JavaScript en la chaîne JSON est le stringify () Méthode, et aujourd'hui nous allons couvrir son utilisation et sa syntaxe avec des exemples.

La méthode stringify ()

Cette méthode a été introduite dans la version ES6 de JavaScript, cette méthode est utilisée pour convertir des objets JavaScript et des objets JSON en chaînes JSON. Pour le démontrer, prenez l'objet suivant:

var super-héros =
Nom: "Bruce Wayne",
"Super Power": "Super Rich",
"Voitures possédées": [

Nom: "Murciélago",
Modèle: "LP 640",
Statut: "Crashed",
,

Nom: "Aventador",
Modèle: "LP 700-4",
Statut: "Semble passable après l'accident",
,
]],
;

Si nous imprimons cet objet sur la console en utilisant la ligne suivante:

console.log (super-héros);

Le résultat sur la console est:

À partir de la sortie, il est clair qu'il est en effet pris comme un objet par notre application JavaScript. L'impression de cet objet sur la console était importante afin que nous puissions voir la différence entre une sortie de chaîne et une sortie d'objet (car parfois elles se confondent surtout lorsque vous travaillez avec les éditeurs de code)

Pour convertir cela en une chaîne JSON, nous utilisons la ligne de code suivante:

var super-hérostring = json.Stringify (super-héros);

Pour vérifier cette conversion, utilisez la ligne suivante pour imprimer la variable super-hérostring sur la console:

console.log (super-hérostring);

Nous obtenons le résultat suivant sur la console:

Vous pouvez observer que cette fois-ci, nous avons imprimé une chaîne sur la console

La méthode stringify () | Syntaxe

La méthode stringify () prend un objet JavaScript, le convertit en une chaîne puis renvoie cette chaîne comme son valeur de retour. La syntaxe est définie comme

Stringify (valeur: tout, remplaceur?: (ceci: n'importe quelle, clé: chaîne, valeur: tout) => tout, espace?: String | numéro): chaîne;

La syntaxe ci-dessus semble assez intimidante si nous le faisons simplement, alors la syntaxe devient:

Stringify (objet, remplaceur, espace);

De cette syntaxe, vous pouvez voir qu'il faut 3 arguments:

• L'objet à convertir en chaîne JSON
• Une méthode de remplacement (qui est facultative)
• Un paramètre d'espace qui est également facultatif

Stringify () | Le remplaçant et le paramètre d'espace

Pour expliquer le remplacement et le paramètre de l'espace, nous avons d'abord besoin d'un objet que nous allons convertir en une chaîne JSON, vous pouvez créer un objet en utilisant les lignes suivantes:

var personne =
voiture: "Tesla",
instrument: "guitare",
Âge: 25,
Ville: "New York"

Nous pouvons passer cet objet dans la méthode filandre et afficher le résultat en utilisant la ligne suivante:

console.journal (JSON.Stringify (personne));

Cela nous donnera le résultat suivant:

Mais que se passe-t-il si nous ne voulons pas inclure la paire «clés-valeur» qui a la clé "âge". Pour cela, nous pouvons écrire une méthode de remplacement et la passer à l'intérieur du deuxième argument de la méthode Stringify.

L'argument du remplacement

Cet argument prend une méthode de remplacement (), la méthode remplaceur () prend 2 paramètres, l'un est la clé et l'autre est la valeur. Pour ignorer une paire de valeurs clés, nous pouvons retourner un indéfini valeur. Tapez les lignes de code suivantes:

functionReplacer (clé, valeur)
if (key === "Âge")
returnUndEfined;

valeur de retour;

Maintenant, si nous utilisons cette méthode de remplacement comme argument de la méthode Stringify avec les lignes de code suivantes:

console.journal (JSON.Stringify (personne, remplaceur));

Nous obtenons la sortie suivante sur notre console:

Comme vous pouvez le voir, le valeur clé Associez avec le clé = «âge» a été exclu de la chaîne résultante.

L'argument spatial

L'espace ou l'argument de l'espaceur met une certaine quantité d'espace entre chacun valeur clé paire. Par exemple, si nous voulons un espace de 10 caractères entre chaque paire de valeurs clés, nous pouvons utiliser la ligne de code suivante:

console.journal (JSON.Stringify (personne, null, 10))

Vous obtiendrez le résultat suivant sur votre console:

J'ai marqué l'espace avec une ligne rouge pour le rendre proéminent

Vous pouvez également utiliser une chaîne pour l'argument spatial. Cette chaîne sera ajoutée en tant que sous-chaîne avant chaque paire de valeurs clés. Pour le démontrer, prenez la ligne de code suivante:

console.journal (JSON.Stringify (personne, null, "s"));

Vous obtiendrez le résultat suivant sur votre console:

Comme vous pouvez le voir, l'argument «S» a été ajouté en tant que sous-chaîne avant chaque valeur clé paire.

Conclusion

Le json.La méthode stringify () est utilisée pour convertir les objets JavaScript en chaînes JSON afin qu'ils puissent être transférés sur Internet ou entre diverses applications sur votre machine locale. Cette méthode a été ajoutée dans JavaScript avec la version de la version ECMAV6 de JavaScript fonctionnant sur le moteur JavaScript V8. Dans cet article, nous avons appris les détails du stringify () Méthode et son utilisation avec ses exemples.