Maison > Article > programmation quotidienne > Comment analyser les données json avec js

Comment analyser les données json avec js

藏色散人original: 2018-12-15 14:34:0621697parcourir

js analyse les données json, vous pouvez utiliser la méthode JSON.parse() pour réaliser l'analyse. La méthode JSON.parse() peut analyser les chaînes JSON et les convertir en objets JavaScript.

Ci-dessous, nous vous présenterons la méthode d'implémentation de js analysant les données json avec des exemples de code simples.

L'exemple de code est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>js解析json数据示例</title>
    <script>
 // 将JSON数据存储在JS变量中
 var json = &#39;{"name": "欧阳克", "age": 18, "city": "合肥"}&#39;;

 // 将JSON编码的字符串转换为JS对象
 var obj = JSON.parse(json);

 // 从JS对象访问单个值
 document.write(obj.name + "<br>"); 
 document.write(obj.age + "<br>"); 
 document.write(obj.city); 
 </script>
</head>
<body>
</body>
</html>

Ici, nous définissons d'abord une donnée json et l'attribuons à la variable json, puis au JSON.parse() La méthode convertira les données json en objet js. Enfin, la valeur des données json analysées, qui est la valeur de l'objet js, est envoyée à la réception via la méthode document.write().

Le résultat de l'analyse est le suivant :

Comment analyser les données json avec js

JSON est généralement utilisé pour échanger des données avec le serveur. Lors de la réception des données du serveur, il s'agit généralement d'une chaîne. Nous pouvons donc utiliser la méthode JSON.parse() pour convertir les données en un objet JavaScript.

Remarque :

JSON ne peut pas stocker d'objets Date. Si vous devez stocker un objet Date, vous devez le convertir en chaîne, puis convertir la chaîne en objet Date.

JSON n'autorise pas les fonctions, mais vous pouvez stocker des fonctions sous forme de chaînes et convertir ultérieurement les chaînes en fonctions.

Cet article concerne la méthode spécifique de js analysant les données json Il est simple et facile à comprendre. J'espère qu'il sera utile aux amis dans le besoin !

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!

Déclaration：

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

Article précédent：Comment contrôler le zoom avant et arrière de l'image à l'aide de jsArticle suivant：Comment contrôler le zoom avant et arrière de l'image à l'aide de js

Articles Liés

Voir plus