轉換imple JSON對象爲格式的HTML（JavaScript或jQuery的）

我有這樣一羣對象：轉換imple JSON對象爲格式的HTML（JavaScript或jQuery的）

"value": { 
    "something": true, 
    "another": false, 
    "testing": true, 
    "bob": "Hello", 
    "restrooms": true, 
    "price_rating": 1, 
}

我只是想要做的是使內部value的項目，如HTML。有點像：

"something": true 
"another": false 
"testing": true 
"bob": "Hello" 
"restrooms": true 
"price_rating": 1

有一個簡單的方法來做到這一點，而無需編寫一些複雜的each，每次追加的每個項目呢？值得注意的是，這些對象將具有不同的屬性和屬性數量。

來源

2017-08-03 jonmrich

'value'在這種情況下，全JSON的只是一個嵌套的一部分。 – jonmrich

轉換使用JSON.stringify(obj, null, 2)和輸出的內容的對象，以漂亮的字符串到<pre>標籤

var a = { 
 
    "value": { 
 
    "something": true, 
 
    "another": false, 
 
    "testing": true, 
 
    "bob": "Hello", 
 
    "restrooms": true, 
 
    "price_rating": 1, 
 
    } 
 
}; 
 
document.getElementById("output").innerHTML = JSON.stringify(a.value, null, 2);

<pre id="output"></pre>

來源

2017-08-03 17:12:54

您可以將任何對象轉換成JSON字符串格式

JSON.stringify(x.value)

來源

2017-08-03 17:15:08 Ali

如果你需要它作爲html沒有json大括號和引號可以做一些事情像：

let data = { 
 
    "value": { 
 
     "something": true, 
 
     "another": false, 
 
     "testing": true, 
 
     "bob": "Hello", 
 
     "restrooms": true, 
 
     "price_rating": 1, 
 
    } 
 
    }, 
 
    
 
    displayObj = data.value, 
 
    
 
    html = Object.keys(displayObj) 
 
    .map(key => key + ': ' + displayObj[key].toString()).join('<br>') 
 

 
document.body.innerHTML = html

來源

2017-08-03 17:23:03 charlietfl

您可以將對象轉換爲字符串，並使用replace功能。

var jsonobj = {"value": { 
 
    "something": true, 
 
    "another": false, 
 
    "testing": true, 
 
    "bob": "Hello", 
 
    "restrooms": true, 
 
    "price_rating": 1, 
 
}}; 
 

 
var str = JSON.stringify(jsonobj.value); 
 

 
str = str.replace(/,/g, '<br/>').replace('{', '').replace('}', ''); 
 

 
document.getElementById("output").innerHTML = str;

<div id="output"></div>

來源

2017-08-03 17:25:38

轉換imple JSON對象爲格式的HTML（JavaScript或jQuery的）

回答

相關問題