Json字符串转换为JS对象的高效方法实例

 更新时间:2013年05月01日 14:20:26   转载 作者:  
一般JSON字符串转换为JS对象,都使用var jsonStr="{a:1}";var jsonObj = eval("("+jsonStr+")");

今天学习JQuery源码看到一下方法,原来还可以这样解析JSON字符串:

复制代码 代码如下:

  parseJSON: function( data ) {
  if ( typeof data !== "string" || !data ) {
   return null;
  }

  // Make sure leading/trailing whitespace is removed (IE can't handle it)
  data = jQuery.trim( data );

  // Make sure the incoming data is actual JSON
  // Logic borrowed from http://json.org/json2.js
  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, "")) ) {

   // Try to use the native JSON parser first
   return window.JSON && window.JSON.parse ?
    window.JSON.parse( data ) :
    (new Function("return " + data))();

  } else {
   jQuery.error( "Invalid JSON: " + data );
  }
 }


这个方法核心的代码就是:
复制代码 代码如下:

(new Function("return " + data))();

它使用了Function()构造函数。讲json字符串作为函数执行数据传入,定义后立即执行该函数,此时这个函数会返回JSON对象

我做了一个测试,用这个方法解析JSON字符串的效率要比用Eval解析快好几百倍

复制代码 代码如下:

var jsonStr ="{";
for(var i=0;i<10000;i++){
 jsonStr+="a"+i+":"+i+","
}
jsonStr = jsonStr.substring(0,jsonStr.length-1);
jsonStr+="}";

var date = new Date();
var start = date.getTime()
//var boj = (new Function("return "+jsonStr ))();
var boj = eval("("+jsonStr+")");
var date1 = new Date();
console.info(date1.getTime()-start);


我用firfox测试结果,用eval解析花费了7234毫秒,而用函数这种方法,用了55毫秒,太神奇了.

相关文章

  • Makefile/cmake/node-gyp中区分判断不同平台的方法

    Makefile/cmake/node-gyp中区分判断不同平台的方法

    今天小编就为大家分享一篇关于Makefile/cmake/node-gyp中区分判断不同平台的方法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-12-12
  • js数组去重的方法总结

    js数组去重的方法总结

    今天小编就为大家分享一篇关于js数组去重的方法总结,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • javascript模拟post提交隐藏地址栏的参数

    javascript模拟post提交隐藏地址栏的参数

    想要隐藏地址栏的参数,就只能用javascript模拟post提交,下面是示例代码,需要的朋友可以看看
    2014-09-09
  • 一步一步封装自己的HtmlHelper组件BootstrapHelper(三)

    一步一步封装自己的HtmlHelper组件BootstrapHelper(三)

    一步一步封装自己的HtmlHelper组件:BootstrapHelper,系列文章第三篇,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • JavaScript学习笔记整理之引用类型

    JavaScript学习笔记整理之引用类型

    引用类型是JavaScript中很重要的内容,通过本文给大家介绍JavaScript学习笔记整理之引用类型,对js引用类型相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • 基于JS实现web端录音与播放功能

    基于JS实现web端录音与播放功能

    这篇文章主要介绍了纯js实现web端录音与播放功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • 在JS方法中返回多个值的方法汇总

    在JS方法中返回多个值的方法汇总

    本文给大家汇总了在javascript方法中返回多个值的方法,都是在个人项目中检验过的,这里推荐给大家,有需要的小伙伴可以参考下。
    2015-05-05
  • 通过event对象的fromElement属性解决热区设置主实体的一个bug

    通过event对象的fromElement属性解决热区设置主实体的一个bug

    后台的热区管理中,如果鼠标移到热区上,会显示一个提示框,提示框里“设为主实体”、“删除”和“合并”等超链接,点击这些超链接可以进行各种操作。
    2008-12-12
  • javascript读写json示例

    javascript读写json示例

    JSON是一种简单的数据格式,比xml更轻巧,在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包,下面有个示例,大家可以参考下
    2014-04-04
  • JS实现时间校验的代码

    JS实现时间校验的代码

    这篇文章主要介绍了JS实现时间校验的代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05

最新评论