Json字符串转换为JS对象的高效方法实例_json字符串和js对象之间的转换资源-CSDN文库

137 浏览量 2020-10-27 10:42:26 上传评论收藏 32KB PDF 举报

资源推荐

资源详情

资源评论

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

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

内容反馈

weixin_38711041

粉丝: 6
资源: 955

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip