在Chrome控制台中显示jQuery（JS）对象的内容

Question

我在控制台中以[object Object]的形式获得了我的对象，但是不管我尝试何种方式来记录所有对象的内容，我都得不到任何结果或错误信息。我在Stack Overflow上看了很多关于这个问题的帖子（如：这个、这个、这个、这个和这个），但仍然无法解决。

我使用以下代码通过循环遍历JSON数组创建了一些对象：

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);

根据不同条件和参数返回的对象数量是正确的。但是，我想看到这些对象内部的内容！我不想包含各种外部脚本，也不想进行奇怪和不必要的循环操作，只需要一些简单的命令就可以了！

如何记录类似console.log(someObj);的对象？

- rkeet

---

console.log('tables: ', tables) 运行得更好吗？不要强制将对象转换为字符串，控制台应该给你一个漂亮的对象浏览器。 - Thilo

是的！我已经得到答案了。;) 我一直非常愚蠢，几周来一直混淆 console.log('bla', blop) 和 console.log('bla' + blop) 中的 + 和 ,！ - rkeet

Answer 1

尝试使用JSON.stringify()

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

或在FF和Chrome中

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

- Arun P Johny

---

哦，非常好，立即可以看到表格中的内容，并且已经注意到我的代码中存在一些错误！ :) 非常感谢！对你的回答进行编辑：“或在FF和Chrome中使用console.log('tables: ', tables)...我已经混淆了+和,几个星期了！ UGH!!! facepalm - rkeet

Answer 2

使用 console.table 来展示表格数据。

console.table(tables);

- dalore

Answer 3

如果它是一个HTML对象，那么你可以用$(tables).text()来查看它的值。

- pankaj