JSON

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

字号+ 作者:H5之家 来源:H5之家 2017-12-01 18:16 我要评论( )

这篇文章主要介绍了JavaScript中解析JSON数据的三种方法,本文讲解了eval()方法、new Function方法、JSON.parse()方法等三种方法,需要的朋友可以参考下

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

投稿:junjie 字体:[ ] 类型:转载 时间:2015-07-03

这篇文章主要介绍了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就换过来了。

您可能感兴趣的文章:

Tags:

相关文章

最新评论

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • javascript实现json的序列化和反序列化功能

    javascript实现json的序列化和反序列化功能

    2017-11-30 13:03

  • Java Bean和JSON相互转换的思路

    Java Bean和JSON相互转换的思路

    2017-11-30 10:17

  • protobuf转json,protobufjson

    protobuf转json,protobufjson

    2017-11-29 16:25

  • Ajax+Jsp+servlet+json技术的使用

    Ajax+Jsp+servlet+json技术的使用

    2017-11-29 12:22

网友点评