JSON作为JS中一种数据格式,应用非常广泛,在JS中,处理JSON的方法有三种,下面分别介绍这三种方式的使用方法及这三种方法的性能比较。
var jsonString;
一、eval 方式:
var str = eval('('+ jsonString +')');
1、为什么要加括号?
加上圆括号的目的是迫使eval函数在评估JavaScript代码的时候强制将括号内的表达式(jsonString)转化为对象,而不是作为语句(statement)来执行。
例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。
2、JSON格式的名字部分为什么要加引号?
因为eval函数会将{foo:”bar”}解释成合法的JavaScript语句,而非表达式。但是人们往往想要的是让eval将这段代码解释成一个对象。所以JSON格式会强制你去在名字的外侧加上引号再结合圆括号,这样eval就不会错误的将JSON解释成代码块。
二、new Function() 方式:
var str = new Function( "return " + jsonString )(); 此刻用alert(str);得到的是一些 "[Object : Object]".若要看其中的值,则可以去掉Function后的"()", 即:var str = new Function( "return " + jsonString );
三、native
if ( typeof JSON !== "undefined" ) {
var str = JSON.parse( jsonString );
}
性能比较的结论:
1、在IE6、IE7中选择 eval
2、在IE8中选择 native JSON
3、在Firefox2,3 中选择 new Function
4、在 Safri4中选择 eval
5、当选择其它浏览器时,eval 和 new Function 的性能一致。