eval函数解析json时,报错SyntaxError: missing ] after element list

var jsonData = { "name":77, "age":88, "hobby":99, "sex":125, "money":347};

alert(jsonData); //打印[object Object]

var jsonObject = eval("(" + jsonData + ")");

alert(jsonObject.name);

浏览器报错 SyntaxError: missing ] after element list

大家要搞明白,eval()函数,如果左右两边都加了小括号的话,那么中间只能放json字符串,就像这样,eval("(" + json格式的字符串 + ")");

首先,var jsonData = { "name":77, "age":88, "hobby":99, "sex":125, "money":347};这句话可以看出,jsonData 变量是个对象,而且是json对象,不是json字符串,因为{}两边没有单引号或者双引号,所以最好的做法是,如果你想要eval("(" + jsonData + ")");正确执行的话,就应该这样写,var jsonData = '{ "name":77, "age":88, "hobby":99, "sex":125, "money":347}';在{}两边加上引号,反正只要让jsonData变量是字符串就行,然后再eval("(" + jsonData + ")"); 这样就不会报错了!记住只能是eval("(" + json字符串 + ")"); 不能是eval("(" + json对象 + ")");

如果你非要用eval()函数解析json对象的话,也可以,就像下面这样写:
var jsonData = { "name":77, "age":88, "hobby":99, "sex":125, "money":347}; //{}两边没有加引号,所以jsonData变量是个对象,而且是个json格式的对象

var jsonObject = eval(jsonData);//直接写成eval(jsonData);而不能写成eval("(" + jsonData + ")");

其实eval()函数是把json字符串解析成json对象,然后再用json对象打点.访问属性,从而得到该属性的属性值,既然jsonData变量本身是一个json对象的话,那就没必要使用eval()函数去解析一个json对象,直接使用json对象就行啦,比如,直接alert(jsonData.name);都是可以的,所以eval(json对象)这种写法完全是多此一举,没必要使用eval()函数去解析一个json对象,因为json对象可以直接使用,干嘛还要用eval()函数再去解析一遍!

大家看下面的代码

var jsonData = { "name":77, "age":88, "hobby":99, "sex":125, "money":347}; //{}两边没有加引号,所以jsonData变量是个对象,而且是个json格式的对象

alert(jsonData); //打印[object Object]

eval("(" + jsonData + ")");就会变成eval("(" + "[object Object]" + ")");最终就是eval("([object Object])");所以eval函数就是去解析"([object Object])"这个字符串,"([object Object])"这个字符串不是一个合法的表达式,也不是一个合法的json格式字符串,反正连语法都不对, 在用eval函数解析"([object Object])"这个字符串的过程中必然报错,SyntaxError: missing ] after element list

改成下面

var jsonData =' { "name":77, "age":88, "hobby":99, "sex":125, "money":347}'; //在{}两边加上了引号就是一个字符串了

alert(jsonData);//打印出{ "name":77, "age":88, "hobby":99, "sex":125, "money":347}

eval("(" + jsonData + ")");就会变成eval("(" + '{ "name":77, "age":88, "hobby":99, "sex":125, "money":347}' + ")");最终就是eval('({ "name":77, "age":88, "hobby":99, "sex":125, "money":347})');这样就能正常执行了

反倒是eval(jsonData); 会报错SyntaxError: missing ; before statement

eval(jsonData);最终会变成eval(' { "name":77, "age":88, "hobby":99, "sex":125, "money":347}');而eval()函数在解析' { "name":77, "age":88, "hobby":99, "sex":125, "money":347}'这个字符串的时候,遇到了{}花括号会认为是个语句或者是语句块,去执行语句块了,所以为了防止这种情况出现,还是要在{}花括号两边加上()小括号,eval('({ "name":77, "age":88, "hobby":99, "sex":125, "money":347})');所以eval("(" + jsonData + ")");这种写法才对!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值