js怎么解析json数据

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

打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固,你值得拥有(持续更新)


 

下面我们就结合简单的代码示例,给大家介绍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对象值。

解析结果如下图:


 

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

注:

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

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

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

以上就是js怎么解析json数据的详细内容,更多请关注我!!!

猜你喜欢

转载自www.cnblogs.com/xsd1/p/12937568.html
今日推荐