zl程序教程

您现在的位置是:首页 >  后端

当前栏目

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

2023-06-13 09:14:52 时间

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

复制代码代码如下:

  parseJSON:function(data){
  if(typeofdata!=="string"||!data){
   returnnull;
  }

  //Makesureleading/trailingwhitespaceisremoved(IEcan"thandleit)
  data=jQuery.trim(data);

  //MakesuretheincomingdataisactualJSON
  //Logicborrowedfromhttp://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,""))){

   //TrytousethenativeJSONparserfirst
   returnwindow.JSON&&window.JSON.parse?
    window.JSON.parse(data):
    (newFunction("return"+data))();

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


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

(newFunction("return"+data))();

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

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

复制代码代码如下:
varjsonStr="{";
for(vari=0;i<10000;i++){
 jsonStr+="a"+i+":"+i+","
}
jsonStr=jsonStr.substring(0,jsonStr.length-1);
jsonStr+="}";

vardate=newDate();
varstart=date.getTime()
//varboj=(newFunction("return"+jsonStr))();
varboj=eval("("+jsonStr+")");
vardate1=newDate();
console.info(date1.getTime()-start);


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