在javascript中显示实际的[object Object] [重复]

Posted 2023-02-22

【中文标题】在javascript中显示实际的[object Object] [重复]

【英文标题】：show the actual [object Object] in javascript [duplicate]

【发布时间】：2014-09-22 09:38:50

【问题描述】：

我有一个对象对象，我想遍历对象并在浏览器中显示它们；我有以下代码，但它只显示了我 [object Object][object Object][object Object];如何显示实际对象？

my my_obj looks like:


    "User": 
        "description": "A user."
    ,
    "Media": 
        "description": "A media ."
    


var output = "";
for (var key in my_obj) 
    output += my_obj[key];

response.send(output);

谢谢

【问题讨论】：

试试console.log，你可以在浏览器控制台看到对象是什么。

即使在控制台显示[object Object][object Object][object Object]

@ajp15243 谢谢老兄！如果您希望将其作为答案，我会将其标记为已解决！再次感谢

在浏览器的开发者控制台中尝试console.log

【参考方案1】：

看起来this question 基本上是你的复制品。

accepted answer for that question 使用console object 将对象的内容打印到浏览器开发工具中的 javascript 调试控制台（通常使用 F12 访问）。您通常可以在控制台的记录输出中与对象交互、展开和折叠其属性。

console.log(my_obj);

但是，这并不提供将对象的内容打印到网页的简单方法。为此，您可以关注上面链接的问题highest-voted answer，它使用JSON object，特别是stringify 方法。

var my_obj_str = JSON.stringify(my_obj);

此方法返回对象的字符串化版本（即，它看起来像一个对象字面量），然后可以像上面一样将其记录到控制台（尽管它是一个字符串，而不是交互式对象！），或者以您喜欢的任何方式将字符串放入网页内容中。

【参考方案2】：

您可能需要使用 JSON.stringify() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify