试图遍历对象数组以显示其属性的Javascript

Question

我有一个json对象，其中包含具有相似属性的对象数组。 我正在尝试遍历每个对象的数组并显示其单独的属性。 到目前为止，这就是我所拥有的...

Object.keys(jsoncont)
    .sort(function(a,b) {
        return b.localeCompare(a)
})
.forEach(function(key) {
    var val = jsoncont[key];

    $('#contactSearchResults').html('<div class="resultset"><input type="radio" name="customer_c_id" value="' + val.id + '" /></div><div class="resultset">' + val.first + '</div><div class="resultset">' + val.last + '</div><div class="resultset">' + val.email + '</div>');

});

这仅返回数组中的一个对象。 有人可以向我解释如何遍历所有对象，而不仅仅是返回键中的第一个结果吗？

Answer 1

可能是因为您在每次迭代中都设置了#contactSearchResults的内容。 如果要将它们全部打印到DOM，请尝试将其更改为append

$('#contactSearchResults').append('<div class="resultset"><input type="radio" name="customer_c_id" value="' + val.id + '" /></div><div class="resultset">' + val.first + '</div><div class="resultset">' + val.last + '</div><div class="resultset">' + val.email + '</div>');

Answer 2

尝试这个：

var allitems = "";
Object.keys(jsoncont)
.sort(function(a,b) {
    return b.localeCompare(a)
})
.forEach(function(key) {
    var val = jsoncont[key];

    allitems += '<div class="resultset"><input type="radio" name="customer_c_id" value="' + val.id + '" /></div><div class="resultset">' + val.first + '</div><div class="resultset">' + val.last + '</div><div class="resultset">' + val.email + '</div>';
});
$('#contactSearchResults').html(allitems)