JSON:JavaScript 对象表示法(JavaScript Object Notation),其实 JSON 就是一个 JavaScript 的对象 (Object) 而已。接下来通过本文给大家介绍 JS 中 JSON 对象和 String 之间的互转及处理技巧,需要的朋友一起学习吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
JSON:JavaScript 对象表示法(JavaScript Object Notation),其实 JSON 就是一个 JavaScript 的对象 (Object) 而已。
如有不清楚 JSON,可以去 w3cschool 了解 {aa1aa}
1. 在 javascript 中新建一个字符串 (JSON 文本)。
- var txt = '{ "employees" : [' +
- '{ "firstName":"Bill" , "lastName":"Gates" },' +
- '{ "firstName":"George" , "lastName":"Bush" },' +
- '{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
由于 JSON 语法是 JavaScript 语法的子集,JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。
eval() 函数使用的是 JavaScript 编译器,可解析 JSON 文本,然后生成 JavaScript 对象。必须把文本包围在括号中,这样才能避免语法错误:
- var obj = eval ("(" + txt + ")");
注意:eval() 函数可编译并执行任何 JavaScript 代码。这隐藏了一个潜在的安全问题。
使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法。JSON 解析器只能识别 JSON 文本,而不会编译脚本。
在浏览器中,这提供了原生的 JSON 支持,而且 JSON 解析器的速度更快。
较新的浏览器和最新的 ECMAScript (JavaScript) 标准中均包含了原生的对 JSON 的支持。
字符串转 json 对象:JSON.parse(jsonstr);
json 对象转 json 字符串:JSON.stringify(jsonObj);
JQuery 方法:
json 字符串转 json 对象:jQuery.parseJSON(jsonStr);
- <html>
- <body>
- <h2>
- 通过 JSON 字符串来创建对象
- </h3>
- <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" }]}';
- obj = JSON.parse(txt);
- document.getElementById("fname").innerHTML = obj.employees[1].firstName document.getElementById("lname").innerHTML = obj.employees[1].lastName
- </script>
- </body>
- </html>
2. 那么如何遍历 json 数组呢?可以把它当成一个普通的 javascript 对象来处理。
- <html>
- <body>
- <h2>
- 如何遍历JSON数组
- </h3>
- <div id="result">
- </div>
- <script type="text/javascript">
- var txt = '[{"firstName":"Bill","lastName":"Gates" },' + '{"firstName":"George","lastName":"Bush" },' + '{"firstName":"Thomas","lastName":"Carter" }]';
- var arrayJson = JSON.parse(txt);
- var html = '';
- for (var p in arrayJson) {
- html += ' firstName:' + arrayJson[p].firstName;
- html += ' lastName' + arrayJson[p].lastName;
- html += '<br />';
- }
- document.getElementById("result").innerHTML = html;
- </script>
- </body>
- </html>
ie8(兼容模式),ie7 和 ie6 没有 JSON 对象,不过 {aa0aa} 提 供了一个 json.js, 这样 ie8(兼容模式),ie7 和 ie6 就可以支持 JSON 对象以及其 stringify()和 parse()方法;你可以在 https://github.com/douglascrockford/JSON-js 上获取到这个 js,一般现在用 json2.js。
ie8(兼容模式),ie7 和 ie6 可以使用 eval() 将字符串转为 JSON 对象,
- var c='{"name":"Mike","sex":"女","age":"29"}';
- var cToObj=eval("("+c+")");
- alert(typeof(cToObj));
以上内容是针对 JS 中 JSON 对象和 String 之间的互转及处理技巧,希望对大家有所帮助。接下来给大家补充点知识 JavaScript 中 String 和 JSON 之间的转换。
下面给大家介绍 w3c 标准的浏览器 (如火狐、chrome 等) 是有一个对象 JSON(注意是大写)专门用来处理 json 的。这个对象有两个函数:
JSON.parse(text) // 用于解析 json;
JSON.stringify(object) // 用于生成 json 格式;
早期的 IE 版本没有这个对象,可以去 json 的官方网站自行下载 json2.js 对付早期 IE 版本 http://www.JSON.org
下面是之前的一些方法,现在可以弃用了
1. 旧方法
- function strToJson(str){
- var json = eval('(' + str + ')');
- return json;
- }
2. 常用
- function strToJson(str){
- return (new Function("return " + str))();
- }
3.IE 不支持的方法
- function strToJson(str){
- return JSON.parse(str);
- }
4.jQuery 方法
- parseJSON: function( data ) {
- if ( typeof data !== "string" || !data ) {
- return null;
- }
- data = jQuery.trim( data );
- if ( /^[\],:{}\s]*$/.test(data.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, "@")
- .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, "]")
- .replace(/(?:^|:|,)(?:\s*\[)+/g, "")) ) {
- return window.JSON && window.JSON.parse ?
- window.JSON.parse( data ) :
- (new Function("return " + data))();
- } else {
- jQuery.error( "Invalid JSON: " + data );
- }
- },
来源: http://www.phperz.com/article/17/0222/266407.html