Javascript - 如何將每個json對象解析爲文本字符串

Question

我有我的javascript和javascript，以及要讀取的文件manifest.json。

這裏是我的JSON文件的代碼：

{ 
    "name": "Project", 
    "description": "A template project", 
    "icon": "img/icon.svg", 
    "version": "X.X.X.X", 
    "developer": { 
     "name": "Daniell Mesquita", 
     "url": "http://about.me/daniellmesquita" 
    }, 
    "shop_id": "1", 
    "manifest_version": 1, 
    "default_language": "en" 
} 

我需要閱讀每一個對象作爲文本，在JavaScript解析。例如：

<h1>+ name +</h1> 
<h2>+ description +</h2> 
<img src="+ icon +"/> 
<p>+ version +</p> 

太，我該如何讀取「開發人員」對象的子對象？

編輯：已驗證的json。感謝@ADreNaLiNe-DJ和Curious Concept's JSON Formater幫助驗證。

Answer 1

如果json在一個String變量中，將它轉換爲一個對象。然後你就可以訪問單值：

var obj = JSON.parse(jsonString); 

var name = obj.name; 
var version = obj.version; 
var developerName = obj.developer.name; 

---

Answer 2

你可以做如下所示。即使您的數據結構中有嵌套對象，它也會使對象鍵值對變平。

var data = { 
 
         "name": "Project", 
 
       "description": "A template project", 
 
         "icon": "img/icon.svg", 
 
        "version": "X.X.X.X", 
 
        "developer": 
 
          { 
 
           "name": "Daniell Mesquita", 
 
           "url": "http://about.me/daniellmesquita" 
 
          }, 
 
        "shop_id": "1", 
 
      "manifest_version": "1", 
 
      "default_language": "en", 
 
      }, 
 
stack = [[],[]]; 
 

 
function getKeyValuePairs(obj,stack) { 
 
    Object.keys(obj).forEach(e => obj[e] instanceof Object ? getKeyValuePairs(obj[e], stack) : (stack[0].push(e), stack[1].push(obj[e]))); 
 
} 
 
getKeyValuePairs(data, stack); 
 

 
document.write("<pre>" + JSON.stringify(stack,null,2) + "</pre>");

Answer 3

那麼你可以使用 yourJsonVarName.developer.name yourJsonVarName.developer.url

try this！

新增

如果外部文件在您的域名，也許你可以使用這個檢索JSON文件中的數據。

$.getJSON("manifest.json", function(data) { 
     var name = data.developer.name; 
     var url = data.developer.url; 
    });