您的位置:首页技术文章
文章详情页

javascript - json 双层嵌套 ,如何遍历拼接字符串?

【字号: 日期:2022-11-12 15:22:12浏览:16作者:猪猪

问题描述

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:

不写代码,给题主提供思路,循环判断数据类型,然后递归,应该不难

标签: JavaScript