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>

这是函数。

function printObj(obj) {
console.log((function traverse(tab, obj) {
    let str = "";
    if(typeof obj !== 'object') {
        return obj + ',';
    }
    if(Array.isArray(obj)) {            
        return '[' + obj.map(o=>JSON.stringify(o)).join(',') + ']' + ',';
    }
    str = str + '{\n';
    for(var p in obj) {
        str = str + tab + ' ' + p + ' : ' + traverse(tab+' ', obj[p]) +'\n';
    }
    str = str.slice(0,-2) + str.slice(-1);                
    str = str + tab + '},';
    return str;
}('',obj).slice(0,-1)))};

它可以使用具有可读性的制表符缩进来显示对象。

这里有一种方法：

console.log("%o", obj);

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

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

将显示：

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

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

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

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

最简单的答案

我很惊讶，这没有一个更简单的答案，只是一群人重复着完全相同的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

我更喜欢使用console.table来获得清晰的对象格式，所以假设您有这个对象：

const obj = {name: 'Alireza', family: 'Dezfoolian', gender: 'male', netWorth: "$0"};

您将看到一张整洁易读的表格，如下所示：