Comment convertir l'objet JavaScript en format de chaîne JSON
Cet article expliquera JSON.Méthode stringify () en javascript. Nous démontrerons également les exemples liés à l'utilisation de JSON.méthode stringify () avec tableau de remplacement, fonction de remplacement, et espace paramètre dans cet article. Alors, commençons!
Qu'est-ce que JSON.méthode stringify ()
En tant que développeur JavaScript, vous devrez peut-être sérialiser les données à la chaîne à stocker dans la base de données de l'application ou l'envoyer à n'importe quel serveur Web ou à une API. Si vous devez envoyer des données spécifiques à un serveur Web, elle doit être au format String.
Syntaxe de JSON.méthode stringify ()
Json.Stringify (valeur, remplaceur, espace);Vous pouvez voir à partir de la syntaxe ci-dessus que le JSON.La méthode stringify () a là des paramètres: «valeur","substitut", et "espace»:
- Le premier paramètre, "valeur" représente le "objet"Que nous allons convertir en une chaîne.
- Le deuxième paramètre, "substitut»Représente un déployer ou tout Modification de la fonction qui peut être utilisé comme filtre pour le JSON.méthode stringify ().
- Enfin, le «espace»Les paramètres contrôlent les espaces dans la chaîne finale générée.
Le "substitut" et "espace»Les paramètres sont facultatifs, tandis que vous devez passer n'importe quel objet comme«valeur"Au JSON.méthode stringify () afin qu'il puisse renvoyer une chaîne.
Exemple: JSON.Méthode stringify () en javascript
Dans l'exemple ci-dessous, nous utiliserons le JSON.Méthode stringify () pour convertir un objet dans une chaîne en javascript. À cette fin, nous créerons d'abord un objet JavaScript "obj»Et ajoutez quelques paires de valeurs clés:
var obj = "Name": "Alex", "Age": 25, "City": "Paris";Ensuite, nous passerons "obj"Au JSON.La méthode stringify () et la chaîne renvoyée seront stockées dans «Json»:
var json = json.stringify (obj);Après avoir invoqué le JSON.Méthode stringify (), les touches ajoutées dans notre "obj«L'objet JavaScript est converti en chaîne, cependant, la méthode spécifiée a traité leurs valeurs en fonction de leur type:
console.log (json);Vous pouvez utiliser n'importe quel bac à sable codant en ligne ou votre éditeur de code préféré pour exécuter le programme JavaScript fourni; Cependant, nous utiliserons le code Visual Studio:
La sortie du programme ci-dessus montre que le JSON.La méthode stringify () a converti avec succès l'objet ajouté en une chaîne:
Json.Méthode stringify () avec remplaceur
Comme mentionné ci-dessus, "substitut"Est un argument transmis au JSON.Méthode stringify () pour apporter des modifications en un objet JavaScript avant sa conversion en une chaîne. Le "substitut»Paramètre de JSON.La méthode stringify () peut être une déployer ou un fonction. Nous vous fournirons des exemples liés aux deux cas.
Exemple: JSON.Méthode stringify () avec la fonction de remplacement
Pour définir une fonction de remplacement, vous devez d'abord spécifier "clé" et "valeur"Comme ses arguments. Après cela, vous pouvez ajouter toutes les instructions conditionnelles dans son corps et définir cette fonction pour renvoyer un «valeur".
Dans cet exemple, nous essaierons de convertir la valeur d'un objet en lettres majuscules avant de la convertir en une chaîne. Pour ce faire, nous créerons un «obj”Objet JavaScript ayant trois paires de valeurs clés:
var obj = "Name": "Alex", "Age": "20", "City": "Paris";Ensuite, nous invoquerons le JSON.Méthode stringify () et ajoutez la fonction de remplacement pour convertir la valeur de "ville”Clé en lettre majuscule. Après avoir effectué cette opération, le JSON.La méthode stringify () va convertir "obj«Pour chaîner et stocker la valeur renvoyée dans«texte»:
var text = json.stringify (obj, fonction (key, valeur)if (key == "city")
valeur de retour.touppercase ();
autre
valeur de retour;
);
Enfin, nous afficherons la chaîne convertie à l'aide de la console.Méthode log ():
console.journal (texte);Consultez la sortie en dessous; La valeur du «ville”La clé est maintenant en lettres majuscules:
Exemple: JSON.Méthode stringify () avec un tableau de remplacement
Maintenant, nous allons passer un tableau de remplacement dans le JSON.Stringify () Méthode comme argument. À cette fin, nous créerons un «obj"Objet JavaScript avec le suivant"valeur clé" paires:
var obj = "Name": "Alex", "Age": 25, "City": "Paris";Ensuite, nous passerons le «obj«Comme valeur et«['nom Age']«En tant que tableau. Ce faisant, le JSON.La méthode stringify () ne convertira que les touches ajoutées dans le tableau passé. La valeur renvoyée par la méthode invoquée sera stockée dans «Json»:
var json = json.Stringify (obj, ['name', 'age']);console.log (json);
Voici la sortie que nous avons obtenue en passant le tableau de remplacement dans notre JSON.Méthode stringify ():
Json.Méthode stringify () avec l'espace
"espace"Est un autre paramètre facultatif ajouté dans le"Json.stringify ()”Méthode pour contrôler la présentation ou l'affichage de la chaîne convertie. UN "nombre"Est ajouté comme un espace qui représente le nombre d'espaces vides que vous souhaitez placer au début d'une ligne où les sorties de chaîne commencent.
Exemple: JSON.Méthode stringify () avec l'espace
Dans notre programme JavaScript, nous invoquerons le JSON.Méthode stringify () tout en ajoutant un paramètre d'espace. Pour ce faire, nous créerons un objet JavaScript nommé «obj", Avoir les trois suivants"valeur clé" paires:
var obj = "Name": "Alex", "Age": "25", "City": "Paris";Après cela, nous utiliserons le JSON.Méthode stringify () pour convertir notre objet JavaScript "obj«À un«texte" chaîne. Notez que nous avons ajouté "4«Comme paramètre d'espace qui représente le nombre d'espaces avant le début de la chaîne:
var text = json.Stringify (obj, null, 4);console.journal (texte);
Comme vous pouvez le voir sur la sortie ci-dessus, quatre espaces sont ajoutés avec succès avant chacun "valeur clé" paire.
Conclusion
Le Json.méthode stringify () convertit un objet JSON en une chaîne. Dans le json.Méthode stringify (), vous pouvez spécifier divers paramètres tels que le remplaceur et l'espace pour modifier n'importe quelle valeur clé ou contrôler les espaces de la sortie. Cet article a expliqué JSON.Méthode stringify () en javascript avec la démonstration des exemples à l'aide du tableau de remplacement, de la fonction de remplacement et de.