javascript - 最初のレベルでJSON属性のキーリンクを作成する

Question

HTMLの<pre>セクションに表示するには、いくつかのJSONをあらかじめ確認する必要があります。

私が使用してJavaScriptコード作業..「/ドキュメント＃のattributeKeyText」に私は関係なく、すべての属性値の、最初のレベルでキーを属性したいと思います今

function transformJson(k, v) { if (k === 'href' && typeof v === 'string') { var label = v.replace(/&/gi, '&amp;'); return '<a href=' + v + '>' + label + '</a>'; } return v; } function jsonFormat(jsonString) { var jsonObj = JSON.parse(jsonString, transformJson); return JSON.stringify(jsonObj, undefined, 2) .replace(/\s"(\w*)":/g, ' "<span class="key">$1</span>":') .replace(/:\s"(.*)"/g, ': "<span class="string">$1</span>"'); }; 

、リンク 。

var jsonToPrettify = { 
    "href": "link/me", 
    "nonHrefButMakeThisKeyALink": "some_text", 
    "obj": { 
    "href": "link/me", 
    "thisKeyWontBeALinkInsteadBecauseHasAParent": "some_text" 
    } 
} 

console.log(jsonFormat(JSON.stringify(jsonToPrettify))); 

どうすれば実現できますか？ 現在の属性に親オブジェクトがないことを確認するにはどうすればよいですか？

おかげ

UPDATE：現在のバージョンの

出力は次のとおりです。

{ 
    "<span class="key">href</span>": "<span class="string"><a href=link/me>link/me</a></span>", 
    "<span class="key">nonHrefButMakeThisKeyALink</span>": "<span class="string">some_text</span>", 
    "<span class="key">obj</span>": { 
    "<span class="key">href</span>": "<span class="string"><a href=link/me>link/me</a></span>", 
    "<span class="key">thisKeyWontBeALinkInsteadBecauseHasAParent</span>": "<span class="string">some_text</span>" 
    } 
} 

だから私はちょうど

Answer 1

..

var newObj = {}; 

for(var attr in jsonObj){ 
    if(jsonObj[attr].constructor != Object && attr != 'href'){ 
     newObj['<a href="/documentation#'+attr+'">'+attr+'</a>'] = jsonObj[attr]; 
    }else{ 
     newObj[attr] = jsonObj[attr]; 
    } 
} 

（そして明らかにJSON.stringifyが NEWOBJ に適用）

Answer 2

...代わりにリンクするnonHrefButMakeThisKeyALinkスパン をしたいです

最上位オブジェクトはとして提供された関数に渡されます空のキーの下の あなたはインクルードする必要があり、その中にあなたのtransformJson：

JSON.parseはトリックをした後だけにこれを追加すること

function transformJson(k, v) { 
    if (k === 'href' && typeof v === 'string') { 
    var label = v.replace(/&/gi, '&'); 
    return '<a href=' + v + '>' + label + '</a>'; 
    } else if (k === '') { 
    for (var x in v) { 
     //skipping 'href' because it's handled by previous 'if' 
     if (x !== 'href' && typeof v[x] === 'string') { 
     var label = v[x].replace(/&/gi, '&amp;'); 
     v[x] = '<a href=/documentation#' + x + '>' + label + '</a>'; 
     } 
    } 
    } 
    return v; 
}