Json 문자열을 JS 객체_javascript 기술로 변환하는 효율적인 방법의 예

오늘 JQuery 소스 코드를 공부하고 JSON 문자열을 다음과 같이 구문 분석하는 방법을 살펴보았습니다.

코드 복사 코드

parseJSON: function( data ) {
if ( typeof data !== "string" || !data ) {
return null;
}

// 선행/후행 공백이 제거되었는지 확인하세요(IE에서는 처리할 수 없음)
data = jQuery.trim( data );

// 들어오는 데이터가 실제 JSON인지 확인하세요
// 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, "")) ) {

// 먼저 기본 JSON 파서를 사용해 보세요
return window.JSON && window.JSON.parse ?
window.JSON.parse( data ) :
(new Function("return " data ))();

} else {
jQuery.error( "잘못된 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);

fifox를 사용하여 테스트 결과적으로 eval을 사용하여 구문 분석하는 데 7234밀리초가 걸린 반면, 함수 메서드를 사용하면 55밀리초가 걸렸습니다. 이는 놀랍습니다.