2016-04-14 22 views
0

yapın. HTML <pre> bölümündeki bazı JSON'ları görüntülemem gerekir.javascript - JSON öznitelikleri bağlantılarını birinci düzeydeki

I kullanmak javascript kodu çalışma .. "/ dokümantasyon # attributeKeyText" için tüm bakılmaksızın öznitelik değerinin, birinci düzeyde anahtarlarını niteliklerini yapmak istiyorum Şimdi

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>"'); }; 

, bağlantılar
.

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

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

Bunu nasıl başarabilirim? Geçerli özniteliğin üst nesneye sahip olmadığını nasıl kontrol edebilirim?

Teşekkür

GÜNCELLEME: Mevcut versiyonunun

Çıktı geçerli:

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

Yani sadece bunun yerine bir bağlantı olduğuna yayılma nonHrefButMakeThisKeyALink istiyorum ..

+0

Nesnenin JSON'a bağlanması ve sonra ayrıştırılması ve sonra yeniden dizgileme noktası nedir? – Oriol

+0

Json'u başka bir hizmetten dize biçiminde aldım. Bu konsol.log sadece tüm soru konsolunda kopyalamak ve eylem içinde görmek için izin verir .. –

+0

Bu yardımcı olabilir .. http://stackoverflow.com/questions/13518762/change-key-name-in-nested -json yapısı –

cevap

0

..

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]; 
    } 
} 

(Ve sonra açıkça JSON.stringify newObj uygulanan)

1

En üstteki nesneolarak sağlanan işleve iletildi Boş anahtarın altında. Sen dahil etmek gerektiğini de senin transformJson:

JSON.parse hile yaptı sonra Basitçe bu ekleme
function transformJson(k, v) { 
    if (k === 'href' && typeof v === 'string') { 
    var label = v.replace(/&/gi, '&amp;'); 
    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; 
} 
+0

Teşekkürler. Neyse, bir bağlantı olması için anahtarın kendisine ihtiyacım var, değer değil .. –

İlgili konular