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毫秒，太神奇了.

 

轉載，未找到源來源。