Javascript - 各jsonオブジェクトをテキスト文字列として解析する方法

Question

私は自分のHTMLをjavascriptで処理し、manifest.jsonファイルを読み込むようにしました。私はJavaScriptで解析し、テキストとして、各オブジェクトを読み取る必要

{ 
    "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" 
} 

：

は、ここに私のJSONファイルのコードです。例：

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

「開発者」オブジェクトのサブオブジェクトを読み取るにはどうすればよいですか？

EDIT：検証された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; 
    });