重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
JSON怎么在Javascript中使用?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
香坊ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!
JSON 和XML比较
json的长度和xml比起来更加短小
json读取速度更快
json可以使用JavaScript的内置方法直接进行解析,转化成javascript对象,非常方便。
在Javascript使用eval将接送转化为json对象
var jsonData = '{"persons":{"name":"成龙","age":58},{"name":"吴京","age":33},"name":"甄子丹","age":44}'; var jsonObj = eval('('+jsonData+')'); //访问json对象数组的第一个对象的name属性 console.log(jsonObj.persons[0].name);
在Javascript使用JSON.parse将接送转化为json对象
var jsonData = '{"persons":{"name":"成龙","age":58},{"name":"吴京","age":33},"name":"甄子丹","age":44}'; var jsonObj = JSON.parse(jsonData); //访问json对象数组的第一个对象的name属性 console.log(jsonObj.persons[0].name);
但是eval方法很不安全,例如:
var jsonData = '{"persons":{"name":"成龙","age":window.alert(123)},{"name":"吴京","age":33},"name":"甄子丹","age":44}'; var jsonObj = eval('('+jsonData+')'); //访问json对象数组的第一个对象的name属性 console.log(jsonObj.persons[0].name);
将age的值换成了Javascript代码,依然可以解析,加入有人恶意修改这个代码,那么就会造成严重后果。
但是JSON.parse不同
var jsonData = '{"persons":{"name":"成龙","age":window.alert(123)},{"name":"吴京","age":33},"name":"甄子丹","age":44}'; var jsonObj = JSON.parse(jsonData); //访问json对象数组的第一个对象的name属性 console.log(jsonObj.persons[0].name);
浏览器会检查出json中的不合理的代码,并报告错误
所以推荐使用JSON.parse
PS:下面在单独介绍下eval()和JSON.parse()的区别
我们将一个字符串解析成json对象时可以使用两种方法:
假设我们有一个json格式的字符串:
'{ "student" : [ {"name":"鸣人","age":17}, {"name":"小樱","age":17}, {"name":"佐助","age":17} ] }'
然后我们需要把它解析成json对象
1、eval()代码如下:
var data = '{"student" : [{"name":"鸣人","age":17}, {"name":"小樱","age":17},{"name":"佐助","age":17}]}'; eval('(' + data + ')');
2、JSON.parse()代码如下:
var data = '{"student" : [{"name":"鸣人","age":17}, {"name":"小樱","age":17},{"name":"佐助","age":17}]}'; JSON.parse(data);
区别:eval方法不会去检查给的字符串时候符合json的格式~同时如果给的字符串中存在js代码eval也会一并执行~比如如果上面的json格式的字符串改为:(注意红色部分)
var data = '{"student" : [{"name":"鸣人","age":17}, {"name":"小樱","age":alert("hehe")},{"name":"佐助","age":17}]}';
此时执行eval方法后会先弹出一个提示框输出hehe的字符串~
但是使用JSON.parse()就会报错~显示错误信息为当前字符串不符合json格式~即JSON.parse()方法会检查需要转换的字符串是否符合json格式~
相比较而言eval方法是很危险的~特别是当涉及到第三方时我们需要确保传给eval的参数是我们可以控制的~不然里面插入比如window.location~指向一个恶意的连接~那叫叫天啦
关于JSON怎么在Javascript中使用问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。