js获取key和value值到div下

js获取key和value值到div下

问题描述:

cus:[{name: "名字", value: "铁江"}, {name: "年龄", value: "20"}]

js获取这个json对象的key到div的label标签下,获取value值到div的a标签下,key和name不是写死的

有会的吗?

ES6代码:
for(let i=0;i<cus.length;i++){
for(let tmp of cus[i]){
console.log(tmp+'-'+cus[i].tmp);
}

}

以下代码,不知是否符合楼主题意?

 <body>
    <div id="cus"></div>
</body>
<script type="text/javascript">
    var data = {
        cus : [ {
            name : "名字",
            value : "铁江"
        }, {
            name : "年龄",
            value : "20"
        } ]
    };
    var cus = data.cus;
    var html = "";
    for (var i = 0; i < cus.length; i++) {
        var c = cus[i];
        var name = c.name;
        var value = c.value;
        html += "<label>" + name + ":</label><a>" + value + "</a><br/>";
    }
    $("#cus").html(html);
</script>

图片说明

有方法可以获取到对象的属性,然后再用属性名获取属性值,对象属性名一般是用var xx in obj这样子的形式去获取,然后刚看到另外一种方法
var obj = {
"name": "zhangsan",
"age": 30
};
let keys = Object.keys(obj);
console.log(keys);
}

我在接口里取的值 'cus' => json_decode($joindata['cus']), 不确定name 和value这两个的名字的时候这语句就不行了呀