日期:2014-05-16 浏览次数:20420 次
一般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毫秒,太神奇了