console.log（）在调试对象方面做得很好，但如果您希望将对象打印到页面内容中，这里是我提出的模仿PHP print_r（）功能的最简单方法。很多其他答案都想重新发明轮子，但在JavaScript的JSON.stringify（）和HTML的＜pre＞标记之间，你可以得到你想要的东西。

var obj=｛name:'名称'，联系人：｛email:'thename@gmail.com'，电话：'123456789'｝；$（'body'）.append（'<pre>'+JSON.stringify（obj，null，4）+'</pre>'）；<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script>

var output = '';
for (var property in object) {
  output += property + ': ' + object[property]+'; ';
}
alert(output);

如果要打印用于调试的对象，请使用以下代码：

var obj = {
  prop1: 'prop1Value',
  prop2: 'prop2Value',
  child: {
    childProp1: 'childProp1Value',
  },
}
console.log(obj)

将显示：

注意：您只能记录对象。例如，这不起作用：

console.log('My object : ' + obj)

注意：您也可以在log方法中使用逗号，然后输出的第一行将是字符串，之后将呈现对象：

console.log('My object: ', obj);

简单使用

JSON.stringify(obj)

实例

var args_string = JSON.stringify(obj);
console.log(args_string);

Or

alert(args_string);

此外，注意javascript函数被视为对象。

作为补充说明：

实际上，您可以像这样分配新属性并访问它console.log或在警报中显示它

foo.moo = "stackoverflow";
console.log(foo.moo);
alert(foo.moo);

好吧，Firefox（感谢@Bojangles提供详细信息）有Object.toSource（）方法，它将对象打印为JSON和function（）｛｝。

我想，对于大多数调试目的来说，这已经足够了。

我总是使用console.log（“对象将是：”，obj，obj1）。这样我就不需要用JSON来解决字符串问题。对象的所有财产都将很好地展开。