JS对JSON数据的操作-解析操作
1.1JS解析JSON字符串
1.1.1使用eval()函数解析
由于JSON语法是JS语法的子集,JS函数eval()可用于将JSON字符串转换为JOSN对象。
解析方式:
eval()函数使用JS编译器,解析JSON文本生成JS对象。
语法:
var obj = eval ("(" + txt + ")");
注意:必须把文本包围在括号中,这样才能避免语法错误。
例:
<html>
<head></head>
<body>
<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>
<script type="text/javascript">
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';
var obj = eval ("(" + txt + ")");
document.getElementById("fname").innerHTML=obj.employees[1].firstName;
document.getElementById("lname").innerHTML=obj.employees[1].lastName;
</script>
</body>
</html>
1.1.2 使用JSON.parse()方法解析
解析方式:
JSON.parse()方法使用JSON解析器将JSON字符串转换为JOSN对象。
语法:
var obj = JSON.parse(txt);
例:
<html>
<head></head>
<body>
<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>
<script type="text/javascript">
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';
var obj = JSON.parse(txt);
document.getElementById("fname").innerHTML=obj.employees[1].firstName;
document.getElementById("lname").innerHTML=obj.employees[1].lastName;
</script>
</body>
</html>
1.1.3两种解析方式的比较
eval()函数使用JS编译器解析,可编译并执行任何JS代码。存在一个潜在的安全问题。
JSON.parse()函数使用JSON解析器解析,JSON 解析器只能识别JSON文本,而不会编译脚本。使用起来更安全。
较新的浏览器和最新的ECMAScript(JavaScript)标准中均包含了原生的对JSON的支持。并且JSON解析器的速度更快。
1.2解析JSON对象——JSON.stringify()方法
JSON.stringify()方法,使用JSON解析器将JSON对象转换为JSON字符串。
语法:
JSON.stringify(JSON对象);
例:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var obj ={"name":"helicopter",
"age":23,
"hobby":{"first":"swimming","second":"singing","third":"dancing"}};
var jsonStr=JSON.stringify(obj);
document.write(jsonStr);
</script>
</head>
<body>
</body>
</html>
分享到:
相关推荐
json2.js,包JSON-js-master.zip包,json数据解析javascript工具
它用于把beans, maps, collections, java arrays and XML 传递给一个Json,或者返回来把Json来传递beans, maps, collections, java arrays and XML ,说白了就是用于处理JSON数据的,包括生成和解析过程。...
json-obj-form-generator 从JSON对象生成表单安装npm install --save json-obj-form-generator 有关更多信息,请查看有关沙箱(游乐场),设计师翻译生成器等的文档。设计者的用法import { JOFGENDesigner } from '...
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子集。 JSON采用完全独立...
开始写js,用request请求接口url,当请求成功的时候,在控制台打印一下返回的res.data数据,在控制台可以看到打印了接口数据了,在请求接口成功之后,用setData接收数据,并且需在data中声明一个接收数据的变量。...
教你如何连接数据库解析Kettle中的json串
获取聚合数据的json数据,并且解析
JSON-RPC(JavaScript Remote Procedure Call)是一种轻量级的远程过程调用协议,使用 JSON 编码数据,支持多种编程语言,包括 Java、Python、Ruby 等。JSON-RPC-Java 是 JSON-RPC 在 Java 平台上的实现,本手册将...
json-source-map 解析/字符串化JSON,并为所有节点的JSON指针提供源映射。 新增:支持BigInt,地图,集合和类型数组。安装npm install json-source-map可能的用例源图当编译为JavaScript的特定于域的语言使用JSON...
全开源Artplayer播放器视频解析源码,支持两种返回模式:网页播放模式、json数据模式,json数据模式支持限制ip每分钟访问次数+UA限制+key密钥,也可理解为防盗链 ,本播放器带弹幕库。 运行环境 推荐使用PHP8.0+ ...
JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
Unity-JSON数据解析器,语言JavaScript,此版本是ALPHA测试版,最新资源下载:http://dev.grumpyferret.com/unity/
无法使用本地的node.js原语解析1gb JSON文件。 如何? 只是一个流解析器,没什么特别的。 此解析器与其他解析器之间的唯一区别是,它可以跳过嵌套太深的数据。 安装 npm install json-depth-stream 用法 const ...
form数据与json对象的互相转换(完整版) * 将web Form 的数据转化成json字符串 * 将json对象的值解析...2、通过AJAX从服务器得到json格式的数据,然后使用本工具解析数据填入form。从而可以实现无刷新的页面内容更新。
json数据前后台解析;json与对象、数组、集合之间转换源码 都是整理好的源码、以及一些说明文档
首先客户端从服务器端获取json数据 1、利用HttpUrlConnection 代码如下:/** * 从指定的URL中获取数组 * @param urlPath * @return * @throws Exception */ public static String readParse(String urlPath) ...
JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次...
JSON 到表轻松将 JSON 数据直接转换为 HTML 表格
PB解析和生成JSON,解析JSON是否成功,生成默认JSON。