如何漂亮地打印JavaScript的对象/变量?

21 浏览
0 Comments

如何漂亮地打印JavaScript的对象/变量?

这个问题已经有答案了:

使用JavaScript美观地打印JSON

**** 不是重复 **** 引用的重复答案只涉及JSON ****

我想避免在记录js变量到控制台时出现这种情况:

var user = {
  first: 'Jack',
  last: 'Green',
  age: 54
};
// plain console log
console.log(user);
// or with interpolation:
console.log(`User: ${user}`);

最终结果如下:

{ prop1: 'value1', prop2: 2 }
User: [Object object]

admin 更改状态以发布 2023年5月22日
0
0 Comments

将上面的例子更改为:

var user = {
  first: 'Jack',
  last: 'Green',
  age: 54
};
// plain console log
console.log(JSON.stringify(user, undefined, 2));
// or with interpolation:
console.log(`User: ${JSON.stringify(user, undefined, 2)}`);

现在我们获得了漂亮的输出:

{
  "first": "Jack",
  "last": "Green",
  "age": 54
}
User: {
  "first": "Jack",
  "last": "Green",
  "age": 54
}

0