js字符串轉化成json對象,使用JSON.parse()須要注意的地方

相信大部分人都知道或者去百度檢索都會獲得將js中的字符串轉化成json對象常見的3種方法javascript

舉例:java

var str = '{"name":"小明","age":18}';git

將字符串轉化json對象:github

  1. var json = JSON.parse(str);
  2. var json = eval("(" + str + ")");
  3. var json = (new Function("return " + str))();

經過console.log()將json打印到控制檯,無論是使用以上3種哪種方法,都能在chrome控制檯看到成功轉化的結果:chrome

圖片描述

使用JSON.parse()方法來轉化json對象,須要注意的坑點是什麼?

1.字符串的數據格式json

以上舉例 str = '{"name":"小明","age":18}'; 屬性name和age都用雙引號引住,
有的人可能會習慣寫成對象形式的字符串,如:str = '{name:"小明",age:18}';
結果使用JSON.parse()來轉化會報錯,由於使用JSON.parse需嚴格遵照JSON規範。瀏覽器

圖片描述
圖片描述

2.單引號與雙引號函數

咱們看到一開始的舉例中 var str = '{"name":"小明","age":18}'; 使用單引號來套雙引號,若是反過來寫呢,如:var str = "{'name':'小明', 'age':18}";(相信也很多人習慣用雙引號套單引號)網站

結果使用JSON.parse()來轉化也會報錯spa

圖片描述
圖片描述

3.兼容問題
IE6/7瀏覽器中不支持使用JSON.parse()方法轉成json對象,因此須要引入一個json2.js文件。能夠在這個網站(https://github.com/douglascro...)去下載對象文件。

最後總結來講,若是使用JSON.parse()方法來轉化成json對象的數據格式的話,須要注意的是被轉化的字符串裏面的屬性要使用引號,而且整體是單引號套雙引號的方式,以及IE6/7瀏覽器是不支持該方法。

固然,若是你使用eval()或者new Function()的方式來轉化,那就徹底能夠忽略上述的這兩點須要注意的地方~( ̄▽ ̄~)(~ ̄▽ ̄)~哈哈


附:

eval() 函數可將字符串轉換爲代碼執行,並返回一個或多個值

eval調用時,實例爲eval( "( javascript代碼 )" )

var str = "function(){alert('a');}「;

str = eval("("+str+")");

str();


eval()的返回值

eval()的返回值遵循如下規則:

1.若是eval()的參數不是字符串,那麼eval()將直接返回參數。

2.若是eval()的參數是字符串,那麼eval()將這個字符串解析成代碼後進行執行,並返回最後一行代碼執行的結果。

3.若是字符串沒法解析成合法的代碼,eval()將拋出SyntaxError錯誤。

相關文章
相關標籤/搜索