在控制台而不是“[object Object]”中获取详细信息答案

【问题标题】：Get details in console instead of "[object Object]"在控制台而不是“[object Object]”中获取详细信息
【发布时间】：2016-03-30 17:34:29
【问题描述】：

我可能有一个非常简单的问题，但我需要知道如何做到这一点。我的野心：

var test_obj = {     
  'test' : 't',
  'test2' : 't2'
}
/*
when i log a object it often gives me somthing like this:
 [object Object]
 
but if i want to take a look into the object, i want to see (for test_obj):
{ 'test' : 't', 'test2' : 't2' }
  
*/

那么我怎样才能记录一个对象，它向我展示了什么内容呢？

【问题讨论】：

你是如何记录它的？
JSON.stringify(test_obj)
如果您使用的是 Chrome，您知道您可以通过在控制台上单击 object Object 来展开它，对吧？
@Wainage 得到错误：类型错误：将循环结构转换为 JSON
当我运行 console.log(test_obj); 时，我得到了对象的详细信息（在 Chrome 中）：Object {test: "t", test2: "t2"}

标签： javascript object console.log

【解决方案1】：

将您的对象转换为字符串表示形式。在对象上使用 JSON Stringify，然后您可以显示它。试试这段代码

JSON.stringify(test_obj)

【讨论】：

【解决方案2】：

你需要读取对象索引：你可以试试这个：

var keys = Object.keys(test_obj);
    for (var i=0; i<keys.length; i++)
        {
            JSON.stringify(keys[i]);
}

【讨论】：

或者使用for...in?
是的，它也可以用来代替常规的“for”

【解决方案3】：

您可以将JSON.stringify 与适当的参数一起用于格式化输出。

var test_obj = {     
   'test' : 't',
   'test2' : 't2'
};

document.write('<pre>' + JSON.stringify(test_obj, 0, 4) + '</pre>');

【讨论】：