Json字符串转换为JS对象的高效方法实例_Javascript教程-查字典教程网
Json字符串转换为JS对象的高效方法实例
Json字符串转换为JS对象的高效方法实例
发布时间:2016-12-30 来源:查字典编辑
摘要:今天学习JQuery源码看到一下方法,原来还可以这样解析JSON字符串:复制代码代码如下:parseJSON:function(data){...

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

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类