JavaScript中解析JSON数据的三种方法
更新时间：2015年07月03日 09:26:10 投稿：junjie
这篇文章主要介绍了JavaScript中解析JSON数据的三种方法,本文讲解了eval()方法、new Function方法、JSON.parse()方法等三种方法,需要的朋友可以参考下
概述
现在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就换过来了。
相关文章
这篇文章主要为大家介绍了webpack loader使用的安装配置详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
javascript实现将数字转成千分位的方法小结【5种方式】
这篇文章主要介绍了javascript实现将数字转成千分位的方法,结合实例形式分析了5种常用的数字转换的常用方法,涉及字符串与正则操作的相关技巧,需要的朋友可以参考下2016-12-12
这篇文章主要为大家详细介绍了JavaScript DOM实现简单留言板，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
今天小编就为大家分享一篇layui使用button按钮 点击出现弹层 弹层中加载表单的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了js贪吃蛇网页版游戏特效，游戏总共有十关，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-08-08
美女瀑布流效果分享一下，大家勿喷啊 借用新浪的美女 嘿嘿 睁大你的眼睛2012-11-11
webpack中的filename 和 chunkFilename 的区别实例解析
filename 指列在 entry 中,打包后输出的文件的名称,chunkFilename 指未列在 entry 中,却又需要被打包出来的文件的名称,这篇文章主要介绍了webpack中的filename 和 chunkFilename 的区别实例解析,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了javascript自定义日期比较函数用法,涉及javascript日期相关转换、运算操作技巧,需要的朋友可以参考下2019-07-07
这篇文章主要为大家详细介绍了移动端触摸滑动插件swiper的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
JavaScript与ActionScript3两者的同性与差异性
接触JavaScript和ActionScript3也有近5年的时间了，它们都是应用比较广泛的脚本语言.接下来通过本文给大家介绍JavaScript与ActionScript3两者的同性与差异性，感兴趣的朋友一起学习吧2016-09-09
最新评论