Maison > interface Web > js tutoriel > Comment utiliser json.stringify en JavaScript

Comment utiliser json.stringify en JavaScript

不言
Libérer: 2019-01-07 14:00:10
original
4226 Les gens l'ont consulté

L'encodage est une méthode de conversion de données sous une autre forme. Dans le cas de JSON, JSON est décrit comme un objet JavaScript, mais le format de données de son contenu n'est qu'une chaîne. En fait, la lecture d'un fichier json n'est qu'une chaîne, elle ne peut donc pas être traitée comme un objet. L'encodage vous permettra de l'utiliser comme objet en JavaScript. Examinons de plus près comment utiliser JavaScript pour encoder json.

Comment utiliser json.stringify en JavaScript

Pour encoder, nous utilisons JSON.parse.

var json_s = '{"ID": 1,"name": "user01","gender": "women"}'
console.log(typeof(json_s))
 
var json_o = JSON.parse(json_s)
console.log(typeof(json_o))
console.log(json_o.ID)
Copier après la connexion

json_s définit json, qui est juste une chaîne encodée dans un objet via JSON.parse.

Comment utiliser json.stringify en JavaScript

Après avoir lu l'encodage, voyons comment décoder

Le décodage consiste à remettre la version encodée dans sa forme originale.

Nous utilisons la fonction JSON.stringify pour renvoyer une chaîne.

Jetons un coup d'œil au code

var json = '{"ID": 1,"name": "user01","gender": "women"}'
console.log(typeof(json))
 
var encoded_json = JSON.parse(json)
console.log(typeof(encoded_json))
 
var decoded_json = JSON.stringify(encoded_json)
console.log(typeof(decoded_json))
Copier après la connexion

Les résultats d'exécution sont les suivants

Comment utiliser json.stringify en JavaScript

Vous pouvez voir que le décodage est complété correctement.

Après avoir lu le contenu ci-dessus, entrons dans le vif du sujet Qu'est-ce que json.stringify ? Comment utiliser ?

json stringify est une fonction qui décode JSON.

Formatons-le tout en le décodant à l'aide de json stringify

JSON.stringify() peut prendre trois paramètres.

La première est la valeur codée, c'est-à-dire un objet, comme dans l'exemple.

Le second peut être appelé remplaçant et spécifier le rappel.

Je ne l'expliquerai pas en détail ici, je vais donc ajouter null dans le code.

Le troisième permet de spécifier l'indentation pour formater ce paramètre.

Regardons le code spécifique

var json_obj = {"ID": 1,"name": "user01","gender": "women"}
 
var decoded_json = JSON.stringify(json_obj, null, "  ")
console.log(decoded_json)
Copier après la connexion

Le résultat d'exécution est le suivant : il sera indenté en fonction des espaces mis dedans

Comment utiliser json.stringify en JavaScript

Insérez plus d'espaces et vous le verrez plus clairement Le code est le suivant

var json_obj = {"ID": 1,"name": "user01","gender": "women"}
 
var decoded_json = JSON.stringify(json_obj, null, "               ")
console.log(decoded_json)
Copier après la connexion

Le résultat est le suivant

Comment utiliser json.stringify en JavaScript<🎜. >

De plus, bien qu'il puisse s'agir d'ajouter des espaces, il est difficile de voir combien de retraits sont explicitement spécifiés, vous pouvez donc également spécifier directement la valeur à mettre en retrait

var json_obj = {"ID": 1,"name": "user01","gender": "women"}
 
var decoded_json = JSON.stringify(json_obj, null, 2)
console.log(decoded_json)
Copier après la connexion
Le résultat est le suivant suit

Comment utiliser json.stringify en JavaScript

Regardons

décodage d'un tableau à l'aide de json.stringify

Le code est le suivant


var arr = ["a","b","c"];
 
var decoded_json = JSON.stringify(arr)
console.log(decoded_json)
console.log(typeof(decoded_json))
Copier après la connexion
Les résultats d'exécution sont les suivants : Décodage correct


Comment utiliser json.stringify en JavaScript

Peu importe que l'objet contienne un tableau ou non

Le code est le suivant

var arr = {"test": ["a","b","c"]};
 
var decoded_json = JSON.stringify(arr)
console.log(decoded_json)
console.log(typeof(decoded_json))
Copier après la connexion
Les résultats d'exécution sont les suivants


Comment utiliser json.stringify en JavaScript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal