写好的代码在Chrome、Firfox、IE11下都测试过没有问题,可是在IE6、IE7下报错。仔细查看了代码,发现在JSON中最后多了一个逗号,去掉后没有问题了。
于是在各种浏览器下做了一下测试,得到结论是:
1. JSON最后一组键值后多逗号,IE5、IE6、IE7都报错,其他浏览器正常;
2. 数组中的逗号,根据位置不同、浏览器不同,会有不同结果。
测试代码及结果如下:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JS多余逗号测试</title> </head> <body> <script type="text/javascript"> //正常 var json_normal = { id: 1, name: 'John' }; //所有浏览器都报错 var json_middle = { id: 2, , name: 'Tom' }; //IE5、6、7报错 var json_last = { id: 2, name: 'Tom', }; var ary_normal = [1, 2, 3]; for(var i=0; i<ary_normal.length; i++){ console.log(ary_normal[i]); } //所有浏览器:1,2,3 var ary_middle = [1, , 3]; for(var i=0; i<ary_middle.length; i++){ console.log(ary_middle[i]); } //所有浏览器:1,undefined,3 var ary_last = [1, 2, ]; for(var i=0; i<ary_last.length; i++){ console.log(ary_last[i]); } //IE5、IE6、IE7、IE8:1,2,undefined //IE9、IE10、IE11及其他浏览器:1,2 </script> </body> </html>
补充:像下面这个用来检测浏览器版本的代码最好不要用了:
/** * 这里具体看看,若数组中仅有一个数字元素,-[1]则返回-1 * 但若数组中元素个数大于一个,则返回NaN * IE6~8 中,[1,]被认为是两个元素,返回了NaN, !NaN == true * 标准浏览器和IE9中忽略多余逗号,返回-1, !-1 == false */ var ie = !-[1,]; alert(ie);