javascript - json 雙層嵌套 ,如何遍歷拼接字符串?
問題描述
var response = {
'msg': 'success','code': 200,'data': { 'total': 328880, 'ipInfo': [{ 'count': 3155, 'key': '315.230.145.246', 'subList': [{ 'count': 3154, 'key': '8058230'},{ 'count': 1, 'key': '713467'} ]},{ 'count': 3454645, 'key': '215.230.145.246', 'subList': [{ 'count': 6154, 'key': '8058240'},{ 'count': 1124, 'key': '1155530'} ]} ]}
}像這種,我需要循環遍歷拼接字符串放到頁面上,怎么做???本人菜鳥萌新。
問題解答
回答1:var tempStr = ’’; response.data.ipInfo.forEach(function (item) {item.subList.forEach(function (subItem) { tempStr += '<p><span>' + subItem.count + '</span><span>' + subItem.key + '</span></p>';}); });
Vue:
<tr v-for='item in ipInfo'> <td v-for='subItem in item'>{{ subItem.count }} - {{subItem.key }}</td></tr>回答2:
不寫代碼,給題主提供思路,循環判斷數據類型,然后遞歸,應該不難
