`
axl234
  • 浏览: 260901 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Json字符串转换为JS对象方法

 
阅读更多

一般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毫秒,太神奇了.

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics