JavaScript中解析JSON数据的三种方法
更新时间：2015年07月03日 09:26:10 投稿：junjie
这篇文章主要介绍了JavaScript中解析JSON数据的三种方法,本文讲解了eval()方法、new Function方法、JSON.parse()方法等三种方法,需要的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
概述
现在JSON格式在web开发中越来越受重视,特别是在使用ajax开发项目的过程中,经常需要将json格式的字符串返回到前端，前端解析成JS对象（JSON ）。
ECMA-262(E3)中没有将JSON概念写到标准中，还好在 ECMA-262(E5)中JSON的概念被正式引入了，包括全局的JSON对象和Date的toJSON方法。
解析JSON数据的三种方法
eval()方法
解析JSON数据的最常用方法是使用javascript的eval()方法，代码如下：
复制代码 代码如下:
function toJson(str){
var json = eval('(' + str + ')');
return json;
}
该方法存在性能和安全方面的问题，不建议使用。
new Function方法
复制代码 代码如下:
function toJson(str){
var json = (new Function("return " + str))();
return json;
}
JSON.parse()方法
这种方法只支持IE8/Firefox3.5+/Chrome4/Safari4/Opera10 以上版本,这些浏览器都已经接近W3C标准，默认实现了toJSON方法。
复制代码 代码如下:
function toJson(str){
return JSON.parse(str);
}
json2.js会在浏览器原生支持JSON.parse的时候选用原生版本，而且它跟ES5是API兼容的。在ES5还没完全普及的现状下，John Resig大神推荐用json2.js主要是为了现在就能用跟ES5兼容的API，日后能平滑过渡到ES5——只要去掉一个import就换过来了。
相关文章
干货分享：让你分分钟学会javascript闭包，如何才能快速学会javascript闭包，本文为大家揭晓2015-12-12
在JavaScript中，创建一个具有自定义属性和方法的对象有很多种模式，下面一一进行介绍2012-05-05
本文通过实例给大家详细介绍了get post jsonp三种数据交互形式，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-08-08
这篇文章主要介绍了针对BootStrap中tabs控件的美化和完善的相关资料，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-07-07
这篇文章主要介绍了js对象合并的4种方式与数组合并的4种方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
本篇文章主要介绍了微信小程序三级联动地址选择器的实例代码，具有一定的参考价值，有兴趣的可以了解一下2017-07-07
打印/预览/设置的客户端代码...2006-08-08
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
这篇文章主要介绍了JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件的相关资料,需要的朋友可以参考下2015-12-12
本文主要分享了原生js实现仿慕课网的轮播效果。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了JavaScript Ajax编程之应用篇，感兴趣的朋友可以参考一下2016-07-07
最新评论