JavaScript中解析JSON数据的三种方法

前端之家收集整理的这篇文章主要介绍了JavaScript中解析JSON数据的三种方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_4030@

概述


@H
403_0@现在JSON格式在web开发中越来越受重视,特别是在使用ajax开发项目的过程中,经常需要将json格式的字符串返回到前端,前端解析成JS对象(JSON )。
ECMA-262(E3)中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法
解析JSON数据的三种方法


@H_403_0@

eval()方法


@H_403_0@解析JSON数据的最常用方法是使用javascript的eval()方法代码如下:
<div class="codetitle"><a style="CURSOR: pointer" data="22651" class="copybut" id="copybut22651" onclick="doCopy('code22651')"> 代码如下:
<div class="codebody" id="code22651">
function toJson(str){
var json = eval('(' + str + ')');
return json;
}

方法存在性能和安全方面的问题,不建议使用。

new Function方法

代码如下:

JSON.parse()方法

这种方法支持IE8/Firefox3.5+/Chrome4/Safari4/Opera10 以上版本,这些浏览器都已经接近W3C标准,默认实现了toJSON方法
代码如下:
会在浏览器原生支持JSON.parse的时候选用原生版本,而且它跟ES5是API兼容的。在ES5还没完全普及的现状下,John Resig大神推荐用json2.js主要是为了现在就能用跟ES5兼容的API,日后能平滑过渡到ES5——只要去掉一个import就换过来了。

猜你在找的JavaScript相关文章