javascript-在第一级上使JSON属性键链接 [英] javascript - make JSON attributes keys links on the first level

问题描述

我需要修饰一些JSON以显示在HTML <pre>部分中.

I need to prettify some JSON to display within an HTML <pre> section.

我使用的有效的JavaScript代码是..

The working javascript code I use is..

function transformJson(k, v) {

  if (k === 'href' && typeof v === 'string') {
      var label = v.replace(/&/gi, '&');
    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>"');
};

现在，我想在第一级将所有属性键(无论属性值如何)都链接到"/documentation#attributeKeyText" .

Now I would like to make all attributes keys at the first level, regardless of the attribute value, links to "/documentation#attributeKeyText".

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

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

我该如何实现? 如何检查当前属性没有父对象?

How can I achieve that? How can I check that the current attribute has no parent object?

谢谢

更新:

当前版本的输出为:

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

所以我只希望跨度 nonHrefButMakeThisKeyALink 成为链接..

So I just want the span nonHrefButMakeThisKeyALink to be a link instead..

推荐答案

只需在JSON.parse完成此操作后添加即可..

Simply adding this after JSON.parse did the trick..

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 )

(And then clearly JSON.stringify applied to newObj)

这篇关于javascript-在第一级上使JSON属性键链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！