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

2019-12-24,,,,

今天学习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毫秒,太神奇了.

您可能感兴趣的文章:

  • JS对象与json字符串格式转换实例
  • jQuery.parseJSON(json)将JSON字符串转换成js对象
  • Json对象与Json字符串互转(4种转换方式)
  • js 将json字符串转换为json对象的方法解析
  • js中把JSON字符串转换成JSON对象最好的方法
  • 将JSON字符串转换成Map对象的方法
  • Java中Json字符串直接转换为对象的方法(包括多层List集合)
  • JSON字符串和对象之间的转换详解
  • JS对象与json字符串相互转换实现方法示例

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

下载本文的Word格式文档,以方便收藏与打印。