JSON怎么在Javascript中使用

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

 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中使用問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。