Show jQuery (JS) objects' contents in Chrome Console

Question

Im getting my objects returned in the console as [object Object], however which way I try to have it log all of the contents of the objects I get nothing or errors. I've read a whole lot of questions on SO about this (e.g.: this, this, this, this and this) but still can't figure it out.

I've created some objects by looping through JSON array's using:

var tables = {};

$.each(campaigns, function(key, value){
    tables[value] = '';
    var entries = [];
    $.each(data, function(k, v){
        if(v.campaign == value){
            entries.push(v);
        }
    });
    $.extend(tables[value], entries);
});

console.log('tables: ' + tables);

The amount of objects is correct based on the number of objects returned with different conditions and parameters. However, I would like to see what's actually inside them! I don't want to include all sorts of external scripts, do weird and unnecessary loopy-loops, just some simple command I'm overlooking would be awesome!

How to go about logging objects with something like console.log(someObj);?

Answer 1

Try JSON.stringify()

console.log('tables: ' + JSON.stringify(tables));

or in FF and Chrome

console.log('tables: ', tables);