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

console.log($(this).data("events")) in Chrome (or other browsers) would allow you to drill into the object.

Ctrl+Shift+J gets you to the console in Chrome.

Answer 2

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 3

If you can't use console.log then alert( $(this).data("events").toSource() ) can also be used.

Answer 4

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.