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:
不写代码,给题主提供思路,循环判断数据类型,然后递归,应该不难