Objets et JSON dans JavaScript_Basics

Présentation

JSON est JavaScript Object Natation. C'est un format d'échange de données léger qui convient très bien à l'interaction entre le serveur et JavaScript.
JSON est un format d'échange de données, comme XML et YAML, permettant de transférer des informations structurées entre différents langages. D'autre part, les objets JavaScript sont un type de données dans le langage JavaScript, tout comme les tableaux en PHP, les classes et les structures en C.

Définir les objets JSON et javascript

Lors de la définition d'un objet dans un programme JavaScript, le nom de l'attribut de l'objet peut être placé ou non entre guillemets. Si le nom de l'attribut contient des caractères spéciaux (tels que !, if, etc.), des guillemets doubles doivent être ajoutés.
Lors de la définition de JSON, le nom de l'attribut doit être placé entre guillemets doubles.

Exemple de code :

1. Définir un objet javascript

Copier le code Le code est le suivant :

var obj={name:"tudouya","sex":"man"}; #Deux attributs peuvent être ajoutés avec des guillemets doubles ou sans
var obj={"!":"hello world"}; #Des guillemets doubles doivent être ajoutés lorsque le nom de l'attribut contient des caractères spéciaux

2. Définir la chaîne JSON

Copier le code Le code est le suivant :

var jsonString={"name":"tudouya"}; #Des guillemets doubles doivent être ajoutés lors de la définition de JSON

Objet javascript converti en JSON

1. Convertir l'objet javascript en JSON

Nous pouvons utiliser la fonction intégrée de javascript pour convertir des objets javascript en JSON. Cette fonction est JSON.stringify().
Exemple de code :

Copier le code Le code est le suivant :

var obj={nom:"tudouya",sexe:"homme"};
var jsonObj=JSON.stringify(obj);
console.log(jsonObj);
##Le résultat de sortie est : {"name":"tudouya","sex":"man"}

Lors de la conversion d'objets JavaScript en JSON, il y a une chose à laquelle nous devons prêter attention :
Si l'objet contient des attributs dont les valeurs sont des fonctions et des dates, JSON ignore les attributs dont les valeurs sont des fonctions et convertit les attributs dont les valeurs sont des dates en chaînes.
Exemple de code :

Copier le code Le code est le suivant :

var obj={
nom:"tudouya",
anniversaire:nouvelle date(),
action:fonction (){
document.write("marcher");
>
};
var jsonObj=JSON.stringify(obj);
console.log(jsonObj);
##Le résultat de sortie est : {"name":"tudouya","birthday":"2014-08-12T10:05:00.497Z"}

Analyse JSON en javascript

Dans les anciennes versions de JS, tout le monde utilise généralement la fonction eval() pour analyser JSON, mais ECMAScript5 nous fournit une nouvelle fonction JSON.parse() pour analyser JSON.

L'utilisation de cette fonction est relativement simple, vous pouvez l'essayer vous-même. Lorsque cette fonction est appliquée à une chaîne JSON, le JSON est converti en objet JavaScript, c'est-à-dire que lorsque l'opérateur typeof est utilisé pour afficher le type de la fonction, la valeur renvoyée est Object.
Une autre chose à noter est que cette fonction n'est prise en charge qu'après ECMAScript 5. S'il s'agit d'une ancienne version du navigateur, il se peut qu'elle ne prenne pas en charge cette fonction. La solution est de charger un fichier js qui implémente cette fonction, à savoir json2.js. Si vous utilisez le framework JQuery, jQuery.parseJSON(), cette fonction appelle la méthode JSON.parse().
Concernant l'utilisation de la méthode eval() pour analyser JSON, cela sera enregistré après une étude approfondie.

Un concept très important

En tant que débutant front-end, j'entends souvent les gens dire "objet JSON", mais en fait il n'y a pas de concept "d'objet JSON". La vraie forme de JSON est une chaîne.