html，js如何依次输出对象的内容

Question

如，有如此对象：字符串来的{"name":"tom","age":22}

如何在页面输出：假设还有很多键值对

name：tom
age：22

Answer 1

var jsonString = '{"name":"tom","age":22}';
var jsonData = JSON.parse(jsonString);
$scope.arr = [];
for(var k in jsonData){
    $scope.arr.push({key:k,value:jsonData[k]});
} 

<ul>
    <li ng-repeat="item in arr">
        <span>{{item.key}}</span>:<span>{{item.value}}</span>
    </li>
</ul>

Answer 2

var string = '{"name":"tom","age":22}'
// 遍历
var obj = JSON.parse(string)
var html = ''
for (var key in obj) {
  html += key + ' : ' + obj[key] + '<br/>'
}
document.getElementById('result').innerHTML = html
// 字符串替换
string = string.replace('{"', '').replace('":"', ' : ').replace('":', ' : ').replace('","', '<br/>').replace('}', '')
document.getElementById('result').innerHTML = string