How to Loop through JavaScript object?

Question

I have simple JS loop

jQuery('#checkbox-counter').live('click', function(){
    jQuery.get('index.php?option=get_site_list=true', 
        function(data){
            console.log(data[1]);
            for(var index in data[1].id){
                console.log(data[1].id[index]);
                console.log(data[1].name[index]);
            }
        },
        'JSON'
    )
});

The problem is shown in the screen

It also prints some jquery code(in source) or shows functions in console... Where is the problem?

Answer 1

The data[1].id and data[1].name properties you are looping through are arrays, so you should use a conventional for loop rather than for..in :

        for(var index = 0; index < data[1].id.length; index++){
            console.log(data[1].id[index]);
            console.log(data[1].name[index]);
        }

When you use for..in it gives you other properties besides just the numerically indexed ones.