Javascript 循环遍历几个对象

我想从一个对象中检索数据，我需要进行多次迭代。我有另一个物体在第一个里面

以下是我试图做的

for (var site in dataArray) {
    var itemList = site + ' - ' + dataArray[site].username + ' - ' + dataArray[site].followers + '<div class="detail"></div>' + '<br>';

    $('.test').append(itemList);

    for (var key in dataArray[site].details) {
        var itemDetail = ' - ' + key + ' ' + dataArray[site].details[key];

        $('.detail').append(itemDetail);
    }
}

for（数据阵列中的var站点）{
var itemList=site+'-'+dataArray[site]。username+'-'+dataArray[site]。followers+'+'
'；
$（'.test'）.append（itemList）；
对于（dataArray[site]中的var键）。详细信息）{
var itemDetail='-'+key+'+dataArray[site]。详细信息[key]；
$（'.detail'）。追加（itemDetail）；
}
}

但是当我编写这段代码时，第一个元素append从其他details对象接收所有键/值。我只想显示与其站点父站点对象相关的详细信息对象

这是一把小提琴：

---

谢谢

这是因为您的选择器

$（'.detail'）

选择具有类

detail

的所有元素

尝试使用DOM而不是字符串。我给你这是一个个人建议。我曾经通过字符串附加HTML，就像你现在做的那样。自从我开始按实际使用的方式使用DOM对象以来，javascript语言变得更加易于使用

for (var site in dataArray) {
    var itemList = site + ' - ' + dataArray[site].username + ' - ' + dataArray[site].followers;

    var details = document.createElement('div');
    details.className = 'detail';

    for (var key in dataArray[site].details) {
        var itemDetail = ' - ' + key + ' ' + dataArray[site].details[key];

        $(details).append(itemDetail);
    }

    $('.test').append(itemList).append(details);
}

---

我不明白您想要实现什么？我想迭代第一个对象，然后遍历第二个对象（详细信息），但可能我不需要这两个对象来实现这一点。就像一个符咒：）