JSON怎么在Javascript中使用

JSON怎么在Javascript中使用？針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。

 JSON 和XML比較

json的長(zhǎng)度和xml比起來更加短小

json讀取速度更快

json可以使用JavaScript的內(nèi)置方法直接進(jìn)行解析，轉(zhuǎn)化成javascript對(duì)象，非常方便。

在Javascript使用eval將接送轉(zhuǎn)化為json對(duì)象

var jsonData = '{"persons":{"name":"成龍","age":58},{"name":"吳京","age":33},"name":"甄子丹","age":44}';
var jsonObj = eval('('+jsonData+')');
//訪問json對(duì)象數(shù)組的第一個(gè)對(duì)象的name屬性
console.log(jsonObj.persons[0].name);

在Javascript使用JSON.parse將接送轉(zhuǎn)化為json對(duì)象

var jsonData = '{"persons":{"name":"成龍","age":58},{"name":"吳京","age":33},"name":"甄子丹","age":44}';
var jsonObj = JSON.parse(jsonData);
//訪問json對(duì)象數(shù)組的第一個(gè)對(duì)象的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對(duì)象數(shù)組的第一個(gè)對(duì)象的name屬性
console.log(jsonObj.persons[0].name);

將age的值換成了Javascript代碼，依然可以解析，加入有人惡意修改這個(gè)代碼，那么就會(huì)造成嚴(yán)重后果。

但是JSON.parse不同

var jsonData = '{"persons":{"name":"成龍","age":window.alert(123)},{"name":"吳京","age":33},"name":"甄子丹","age":44}';
var jsonObj = JSON.parse(jsonData);
//訪問json對(duì)象數(shù)組的第一個(gè)對(duì)象的name屬性
console.log(jsonObj.persons[0].name);

瀏覽器會(huì)檢查出json中的不合理的代碼，并報(bào)告錯(cuò)誤

所以推薦使用JSON.parse

PS：下面在單獨(dú)介紹下eval()和JSON.parse()的區(qū)別

我們將一個(gè)字符串解析成json對(duì)象時(shí)可以使用兩種方法：

假設(shè)我們有一個(gè)json格式的字符串：

'{
 "student" : [
  {"name":"鳴人","age":17}, 
  {"name":"小櫻","age":17},
  {"name":"佐助","age":17}
 ]
}'

然后我們需要把它解析成json對(duì)象

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);

區(qū)別：eval方法不會(huì)去檢查給的字符串時(shí)候符合json的格式~同時(shí)如果給的字符串中存在js代碼eval也會(huì)一并執(zhí)行~比如如果上面的json格式的字符串改為：(注意紅色部分)

var data = '{"student" : [{"name":"鳴人","age":17}, {"name":"小櫻","age":alert("hehe")},{"name":"佐助","age":17}]}';

此時(shí)執(zhí)行eval方法后會(huì)先彈出一個(gè)提示框輸出hehe的字符串~

但是使用JSON.parse()就會(huì)報(bào)錯(cuò)~顯示錯(cuò)誤信息為當(dāng)前字符串不符合json格式~即JSON.parse()方法會(huì)檢查需要轉(zhuǎn)換的字符串是否符合json格式~

相比較而言eval方法是很危險(xiǎn)的~特別是當(dāng)涉及到第三方時(shí)我們需要確保傳給eval的參數(shù)是我們可以控制的~不然里面插入比如window.location~指向一個(gè)惡意的連接~那叫叫天啦

關(guān)于JSON怎么在Javascript中使用問題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。