javascript - 怎么对Json对象进行遍历呢？

问题描述

问 题

我有一个json对象，我想让他的value遍历输出到我li上，该怎么做呢？

<li class="list-group-item"><span class="badge">14</span>13</li>
<li class="list-group-item"><span class="badge">14</span>温度：</li>
<li class="list-group-item"><span class="badge">14</span>天气：</li>
<li class="list-group-item"><span class="badge">14</span>星期：</li>
<li class="list-group-item"><span class="badge">14</span>风力：</li>
<li class="list-group-item"><span class="badge">14</span>风力：</li>

因为json对象的key是英文的，我不想输出英文，所以我就先把key写在这里了。之后我就想在span标签里输出value，但是我想到使用for in 的 我得获得span对象，

 $('#shishi').find('span').each(function () {
        $(this).html("!")
    })

在for in 里面使用的话，每遍历一次就会给每个span都给赋值。不是我想要的。。
那我应该怎么做呢？

解决方案

谢邀~

首先, 既然你的class='list-group-item';

则表示他们就是被遍历出来的. Ps: 不是遍历出来的就不叫list了.

json:
{name1: "1",
name2: "2",
name3: "3",
name4: "4"}

js:
var objName = {name1: 名称1, name2: 名称2, name3: 名称3, name4: 名称4};
var _html = "";
for(var i in json){
    _html += '<li class="list-group-item"><span class="badge">' + json[i] + '</span>' + objName[i] + '：</li>';
}
$("外层元素").append(_html);

如果返回的是数组形式的数据:

json:
[{name: "name1", value: "1"},
{name: "name2", value: "2"},
{name: "name3", value: "3"},
{name: "name4", value: "4"},]

js:
var objName = {name1: 名称1, name2: 名称2, name3: 名称3, name4: 名称4};
var _html = "";
for(var i = 0; i < json.length;i++ ){
    _html += '<li class="list-group-item"><span class="badge">' + json[i].value + '</span>' + objName[json[i].name] + '：</li>';
}
$("外层元素").append(_html);

这篇关于javascript - 怎么对Json对象进行遍历呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！