javascript json en str

WBOY
Libérer: 2023-05-09 15:01:36
original
904 Les gens l'ont consulté

1. Qu'est-ce que JSON ?

JSON (JavaScript Object Notation) est un format d'échange de données léger dérivé des formats objet et tableau du langage JavaScript. Il est devenu l’un des formats d’échange de données les plus couramment utilisés dans les applications modernes, car il est facile à lire et à écrire, ainsi qu’à être analysé et généré par les machines.

JSON est essentiellement une chaîne qui utilise une syntaxe simple, auto-descriptive, facile à lire et à comprendre pour représenter des données complexes. Dans les applications Web, JSON est souvent utilisé à la place de XML comme format d'échange de données.

2. Convertir JSON en chaîne

La conversion d'un objet JSON en chaîne est souvent appelée « sérialisation ». En JavaScript, il est facile de sérialiser un objet JSON en chaîne. JSON.stringify() peut accomplir cette tâche. La syntaxe est la suivante :

JSON.stringify(value[, replacer[, space]])
Copier après la connexion

où :

  • valeur : obligatoire, l'objet json à convertir
  • replacer : facultatif, un paramètre utilisé pour contrôler le processus de conversion, qui peut être une fonction ou un tableau
  • espace : facultatif, utilisé Le nombre d'espaces pour indenter la sortie.

Voici un exemple simple :

var obj = {name: "John", age: 30, city: "New York"};
var str = JSON.stringify(obj);
console.log(str);    //输出{"name":"John","age":30,"city":"New York"}
Copier après la connexion

Dans cet exemple, nous sérialisons l'objet JavaScript obj dans une chaîne JSON. Vous pouvez voir qu'une chaîne au format JSON est générée.

3. Convertir des chaînes JSON en objets

La méthode JSON.parse() en JavaScript peut convertir des chaînes au format JSON en objets JavaScript. La syntaxe est la suivante :

JSON.parse(text[, reviver])
Copier après la connexion

Où :

  • text : obligatoire, la chaîne JSON à analyser
  • reviver : facultatif, l'analyseur est utilisé pour découper chaque paire (clé, valeur) dans le résultat et le renvoyer

ci-dessous est un exemple simple :

var str = '{"name":"John","age":30,"city":"New York"}';
var obj = JSON.parse(str);
console.log(obj);    //输出{name: "John", age: 30, city: "New York"}
Copier après la connexion

Dans cet exemple, nous analysons une chaîne JSON dans un objet JavaScript. Vous pouvez voir qu'un objet JavaScript est généré.

4. Exemple complet

Vous trouverez ci-dessous un exemple complet qui montre comment convertir un objet JSON en chaîne, puis le reconvertir en objet d'origine :

// 定义JSON对象
var person = {
  "name": "John",
  "age": 30,
  "city": "New York",
  "hobbies": ["reading", "sports", "music"],
  "married": false,
  "salary": null
}

// 序列化JSON对象为字符串
var jsonString = JSON.stringify(person);
console.log(jsonString);

// 将JSON字符串解析回对象
var personObject = JSON.parse(jsonString);
console.log(personObject); 
Copier après la connexion

Dans cet exemple, nous définissons d'abord un objet JSON personne, qui contient différents types de propriétés. Nous utilisons ensuite la méthode JSON.stringify() pour sérialiser l'objet en une chaîne, puis utilisons JSON.parse() pour l'analyser jusqu'à l'objet d'origine. Le résultat est le même objet JSON.

5. Résumé

L'utilisation des méthodes JSON.stringify() et JSON.parse() de JavaScript peut facilement traiter les données au format JSON. Ces méthodes sont également utilisées pour l'échange de données dans les API Web, car JSON est un format convivial et facile à lire et à écrire, et ne nécessite pas l'utilisation de balises supplémentaires pour décrire les données comme XML. Par conséquent, dans le développement Web, l’échange de données au format JSON est devenu une norme courante.

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!

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