js怎么解析json数据

Posted php中文网最新课程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js怎么解析json数据相关的知识,希望对你有一定的参考价值。

js怎么解析json数据

源 / php中文网      源 / www.php.cn


js解析json数据,可以使用JSON.parse()方法来实现解析。JSON.parse()方法可以解析JSON字符串,转换为 javascript 对象。

js怎么解析json数据

(视频版请点击本文末尾左下角:阅读原文)

下面我们就结合简单的代码示例,给大家介绍js解析json数据的实现方法。


代码示例如下:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <title>js解析json数据示例</title>

    <script>

 // 将JSON数据存储在JS变量中

 var json = '{"name": "欧阳克", "age": 18, "city": "合肥"}';

 

 // 将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>

这里我们首先定义了一个json数据,并赋值于json变量中,然后JSON.parse()方法,将json数据转换为js对象。最后通过document.write()方法向前台输出解析后的json数据值,也就是js对象值。


解析结果如下图:

js怎么解析json数据

JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。所以我们就可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。


注:

JSON 不能存储 Date 对象。如果你需要存储 Date 对象,需要将其转换为字符串,之后再将字符串转换为 Date 对象。


JSON 不允许包含函数,但你可以将函数作为字符串存储,之后再将字符串转换为函数。


本篇文章就是关于js解析json数据的具体方法介绍,简单易懂,希望对需要的朋友有所帮助!


以上就是js怎么解析json数据的详细内容,更多请关注php中文网其它相关文章!

-END-

声明:本文选自「 php中文网 」,搜索「 phpcnnew 」即可关注!


以上是关于js怎么解析json数据的主要内容,如果未能解决你的问题,请参考以下文章

java中把json怎么转换成数组

json数据中对象包含对象怎么解析

怎么将json对象添加进json数组中

js怎么加载&解析json文件,原生的

Relay.js 没有正确解析组合片段

js 怎么获取json中的数据