你可以使用我的功能。使用数组或字符串或对象调用此函数，以提醒内容。

作用

function print_r(printthis, returnoutput) {
    var output = '';

    if($.isArray(printthis) || typeof(printthis) == 'object') {
        for(var i in printthis) {
            output += i + ' : ' + print_r(printthis[i], true) + '\n';
        }
    }else {
        output += printthis;
    }
    if(returnoutput && returnoutput == true) {
        return output;
    }else {
        alert(output);
    }
}

用法

var data = [1, 2, 3, 4];
print_r(data);

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>

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

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

最简单的答案

我很惊讶，这没有一个更简单的答案，只是一群人重复着完全相同的2件事，还有一些人用不可读的代码。。。

干得好。如果您只需要将对象作为字符串（无嵌套级别）：

function prettyStringifyObject(obj: Record < any, any > ) {
  let result = ''
  for (const key in obj) {
    result = `${result}${result !== '' ? ', ' : ''}${key}: ${Array.isArray(obj[key]) ? `[${obj[key]}]` : obj[key]}`
  }
  return `{${result}}`
}

测验

使用测试

const someTestObject = {
  data: [1, 2, 3, "4"],
  aString: "awdasdyhblhyb",
  aBoolean: true,
  aNumber: 50,
  aNull: null
  aNestedObject: {
    someOtherData: [],
    isNested: true
  }
}

console.log(prettyStringifyObject(someTestObject))

结果：

"{data: [1,2,3,4], aString: awdasdyhblhyb, aBoolean: true, aNumber: 50, aNull: null, aNestedObject: [object Object]}"

你可以看看我在这里做的JSFiddle

在ES2015中，使用对象文本的速记属性声明语法，您可以记录对象，同时也可以简洁地保留变量名：

console.log("bwib:", bwib, "bwab:", bwab, "bwob": bwob) // old way A
console.log({bwib: bwib, bwab: bwab, bwob: bwob})       // old way B

console.log({bwib, bwab, bwob})                         // ES2015+ way

编号：在这些示例中，yourObj定义了要检查的对象。

首先，我最不喜欢但最常用的显示对象的方式：

这是显示对象内容的实际方式

console.log(yourObj)

将产生如下结果：

我认为最好的解决方案是查看对象关键点，然后查看对象值，如果您真的想查看对象的内容。。。

console.log(Object.keys(yourObj));
console.log(Object.values(yourObj));

它将输出如下内容：（上图：存储在对象中的键/值）

如果您使用的是ECMAScript 2016或更高版本，还有一个新选项：

Object.keys(yourObj).forEach(e => console.log(`key=${e}  value=${yourObj[e]}`));

这将产生整洁的输出：前面的回答中提到的解决方案：console.log（yourObj）显示了太多的参数，并且不是显示所需数据的最方便用户的方式。这就是为什么我建议分别记录键和值。

下一步：

console.table(yourObj)

有人在之前的评论中建议过这个，但它从来没有对我起过作用。如果它对其他人在不同的浏览器或其他东西上起作用，那就太好了！我仍将代码放在此处以供参考！将向控制台输出如下内容：