Posted in Javascript onMay 01, 2013
今天学习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毫秒,太神奇了.
Json字符串转换为JS对象的高效方法实例
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@