Js中把JSON字串轉換為JSON物件(eval()、new Function())

阿新 • • 發佈：2019-01-20

在我們利用js操作json資料時一般會用到eval進行資料轉換了，但有些朋友還喜歡使用function來轉換，下面我就給大家總結一下具體例子。

在JS中將JSON的字串解析成JSON資料格式，一般有兩種方式：

1.一種為使用eval()函式。

2. 使用Function物件來進行返回解析。

第一種解析方式：使用eval函式來解析，並且使用jQuery的each方法來遍歷

用jQuery解析JSON資料的方法,作為jQuery非同步請求的傳輸物件，jQuery請求後返回的結果是json物件,這裡考慮的都是伺服器返回JSON形式的字串的形式，對於利用JSONObject等外掛封裝的JSON物件，與此亦是大同小異，這裡不再做說明。
這裡首先給出JSON字串集，字串集如下：

程式碼如下

複製程式碼

var data = " {
root:
    [
        {name: '1', value: '0'},
        {name: '6101', value: '北京市'},
        {name: '6102', value: '天津市'},
        {name: '6103', value: '上海市'},
        {name: '6104', value: '重慶市'},
        {name: '6105', value: '渭南市'},
        {name: '6106', value: '延安市'},
        {name: '6107', value: '漢中市'},
        {name: '6108', value: '榆林市'},
        {name: '6109', value: '安康市'},
        {name: '6110', value: '商洛市'}
    ]
}
";

這裡以jQuery非同步獲取的資料型別——json物件和字串為依據，分別介紹兩種方式獲取到的結果處理方式。

1、對於伺服器返回的JSON字串，如果jQuery非同步請求沒做型別說明，或者以字串方式接受，那麼需要做一次物件化處理，方式不是太麻煩，就是將該字串放於eval()中執行一次。這種方式也適合以普通JavaScipt方式獲取json物件，以下舉例說明：

程式碼如下	複製程式碼
var dataObj = eval("(" + data + ")"); // 轉換為json物件

為什麼要 eval這裡要新增 “("(" + data + ")");” 呢？

原因在於：eval本身的問題。由於json是以“{}”的方式來開始以及結束的，在JS中，它會被當成一個語句塊來處理，所以必須強制性的將它轉換成一種表示式。

加上圓括號的目的是迫使eval函式在處理JavaScript程式碼的時候強制將括號內的表示式（expression）轉化為物件，而不是作為語句（statement）來執行。舉一個例子，例如物件字面量{}，如若不加外層的括號，那麼eval會將大括號識別為JavaScript程式碼塊的開始和結束標記，那麼{}將會被認為是執行了一句空語句。所以下面兩個執行結果是不同的：

程式碼如下	複製程式碼
alert(eval("{}"); // return undefined alert(eval("({})");// return object[Object]

對於這種寫法，在JS中，可以到處看到。

如: (function(){})(); 做閉包操作時等。

程式碼如下

複製程式碼

alert(dataObj.root.length);//輸出root的子物件數量
$.each(dataObj.root, fucntion(idx, item) {
if (idx == 0) {
return true;
}

//輸出每個root子物件的名稱和值
alert("name:" + item.name + ",value:" + item.value);
})

2、對於伺服器返回的JSON字串，如果jQuery非同步請求將type（一般為這個配置屬性）設為“json”，或者利用$.getJSON()方法獲得伺服器返回，那麼就不需要eval()方法了，因為這時候得到的結果已經是json物件了，只需直接呼叫該物件即可，這裡以$.getJSON方法為例說明資料處理方法：

程式碼如下	複製程式碼
$.getJSON("http://www.111cn.net/", {param: "snsgou"}, function (data) { // 此處返回的data已經是json物件 // 以下其他操作同第一種情況 $.each(data.root, function (index, item) { if (index == 0) { return true; // 同countinue，返回false同break } alert("name:" + item.name + ",value:" + item.value); }); });

這裡特別需要注意的是方式1中的eval()方法是動態執行其中字串（可能是js指令碼）的，這樣很容易會造成系統的安全問題。所以可以採用一些規避了eval()的第三方客戶端指令碼庫，比如JSON in JavaScript就提供了一個不超過3k的指令碼庫。

第二種解析方式：使用Function物件來完成，它的典型應用就是在jQuery中的AJAX方法下的success等對於返回資料data的解析

程式碼如下

複製程式碼

var json='{"name":"CJ","age":18}';

data =(new Function("", "return " + json))();

此時的data就是一個會解析成一個 json物件了

Js中把JSON字串轉換為JSON物件(eval()、new Function())

Js中把JSON字串轉換為JSON物件(eval()、new Function())

js 將json字串轉換為json物件的方法解析（簡單處理JSON語法格式校驗問題）

js-json字串轉換為json物件

Android開發-進階:Json字串轉換為java物件的各種實現方法[json_lib框架、Gson、org.json]

將json字串轉換為json物件

前臺JSON字串轉換為JSON物件

Json字串轉換為JS物件方法

JS字串轉換為JSON的四種方法筆記

java將JSON字串轉換為實體類物件，基於net sf json實現

做一次面向物件的體操：將JSON字串轉換為巢狀物件的一種方法

用json.loads()將字串轉換為json格式出錯

字串轉換為JSON物件，資料精度丟失

JSON字串轉換為Map

將資料庫中查詢的結果轉換為json

json格式資料,將資料庫中查詢的結果轉換為json, 然後呼叫介面的方式返回json(方式一)

python：linux下字串轉換為JSON

JS中定義List然後轉換成json交給後臺處理

php使用json_encode()無法將json字串轉換為陣列.轉換的結果的為null

如何把表單轉換為Json:

json字串轉換為JSONObject和JSONArray .

Js中把JSON字串轉換為JSON物件(eval()、new Function())

相關推薦