使用JSON解析而不是eval

Question

我有我在JAVA中生成的這個字符串，並傳遞給javascript進行解析。

這工作：

var childString = '[{title: "Item 1"},{title: "Folder 2", isFolder: true,children: [{title: "Sub-item 2.1"},{title: "Sub-item 2.2"}]},{title: "Item 3"}]'; 
var childArray = eval(childString); 

但我讀過到處是eval == evil所以我尋找到解析的JSON方式。我試過使用JSON.parse(childString)，但我得到了一個錯誤。

我怎麼能做到這一點的JSON方式？

謝謝！

Answer 1

你不能使用JSON.parse解析它，因爲你的json字符串是無效的。它需要如下：

var childString = '[{"title": "Item 1"},{"title": "Folder 2", "isFolder": true,"children": [{"title": "Sub-item 2.1"},{"title": "Sub-item 2.2"}]},{"title": "Item 3"}]'; 

See here.

Answer 2

在您的HTML輸出中使用script標記包含JSON2，然後您可以使用JSON.parse。

Answer 3

您的數據是有效的JavaScript（這就是爲什麼eval作品），但它是不是有效的JSON。例如，您需要用引號括住您的屬性名稱。

E.g.

'[{"title": "Item 1"} ... 

您可以找到JSON規範here

Answer 4

根據您的瀏覽器，你可能需要自己定義JSON對象。您可以從https://github.com/douglascrockford/JSON-js下載它的代碼。

Answer 5

您的JSON格式不正確。您需要同時在鍵和值雙引號。

'{"foo":"bar"}' 

Answer 6

好，jsFiddle：

var childArray = JSON.parse(childString.replace(/([{, ])([a-zA-Z0-9]+):/g, '$1"$2":')); 

會的工作，但我可能還是設法得到有效的JSON代替。

Answer 7

注：雙引號是必要的。 這不會工作：

var childString = "[{'title': 'Item 1'},{'title': 'Folder 2', 'isFolder': true,'children': [{'title': 'Sub-item 2.1'},{'title': 'Sub-item 2.2'}]},{'title': 'Item 3'}]";