Отображение содержимого объекта - JS / jQuery

Question

С возвращением $(this).data("events"); [object Object] мне нужно посмотреть, что там на самом деле происходит. Я нашел это:

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

Однако n по-прежнему возвращает [object Object]:

РЕДАКТИРОВАТЬ: (Выход) -

Name: click, Value: [object Object] | 

-

Есть ли эффективный способ показать все внутри этой присоски, вроде print_r в PHP?

Answer 1

console.log($(this).data("events")) в Chrome (или других браузерах) позволит вам углубиться в объект.

Ctrl + Shift + J приведет вас к консоли в Chrome.

Answer 2

Вы можете использовать .toSource(), чтобы превратить объекты JavaScript в строковое представление, которое вы можете просматривать без красивой консоли ошибок, как в Firebug или Chrome Dev. Инструменты:

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

Answer 3

Если вы не можете использовать console.log, тогда также можно использовать alert( $(this).data("events").toSource() ).

Answer 4

Печать содержимого объекта, который вы можете использовать

console.log(obj_str);

Вы можете увидеть результат в консоли, как показано ниже.

Object {description: "test"} 

Для открытия консоли нажмите F12 в браузере Chrome, вы найдетевкладка консоли в режиме отладки.