Display object contents - JS/jQuery

Question

With $(this).data("events"); returning [object Object], I need to see what's actually going on in there. I found this:

var Finder = "";
$.each($(this).data("events"), function(i, n){
    Finder += "Name: " + i + ", Value: " + n + " | ";
});

However, n still returns [object Object]:

EDIT: (Output) --

Name: click, Value: [object Object] | 

--

Is there an efficient way to show everything inside that sucker, kind of like print_r in PHP?

Answer 1

You can use .toSource() to turn JavaScript objects into a string representation that you can view without a nice error console like in Firebug or Chrome Dev. Tools:

alert($(this).data("events").toSource());

Answer 2

Print content of object you can use

console.log(obj_str);

you can see the result in console like below.

Object {description: "test"} 

For open console press F12 in chrome browser, you will found console tab in debug mode.