Loop through severals objects js

Question

I want to retrieve data from an object, and I need to make several iterations. I have another object inside the first.

Here is what I try to do

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);
    }
}

But when I did this code, the first element append, receive all the key/value from the others details objects. I only want to display the details object related with his site parent site object.

Here is a fiddle : http://jsfiddle.net/JeremDsgn/7EX6M/

Thanks!

I want to iterate through the first object and after through the second object (details) but maybe I don't need the two for...in loop to achieve this. — jeremybarbet
– jeremybarbet, Commented Jun 7, 2014 at 15:58

php_nub_qq · Accepted Answer · 2014-06-07 15:59:27Z

3

That's because your selector $('.detail') selects all elements with class detail.

Try using the DOM instead of strings. I give you this as a personal advice. I used to append HTML via strings just like you're doing it now. Since I started using DOM objects as they are actually meant to be used, the javascript language became times more pleasant to work with.

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);
}

answered Jun 7, 2014 at 15:59

php_nub_qq

16.1k25 gold badges84 silver badges150 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Loop through severals objects js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related