javascript - json 双层嵌套，如何遍历拼接字符串？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

黄舟 2017-06-24 09:43:35

[HTML讨论组]

1115

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"
                }
            ]
        }                  
    ]
}

}
像这种，我需要循环遍历拼接字符串放到页面上，怎么做？？？本人菜鸟萌新。

黄舟

人生最曼妙的风景，竟是内心的淡定与从容！

全部回复(2)

曾经蜡笔没有小新2017-06-24 09:45:35 2楼

    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>

赞 +0

添加回复

巴扎黑2017-06-24 09:45:35 1楼

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>