Javascript日志json对象与漂亮的格式

javascript log json object with pretty format

本文关键字:漂亮 格式 对象 日志 json Javascript      更新时间:2023-09-26

我在调试时使用了很多console.log。当我记录长对象时,很难读取完整的对象。是否有console.pretty或其他东西以漂亮的方式打印数据?

Actual (logs inline):
{data:'data',data1:'data1'}

:

{
  data:'data',
  data1:'data1'
}

您可以使用JSON.stringify

传递的第三个形参是成员缩进所需的空格数。

var obj = {
  data: 'data',
  data1: 'data1'
};
console.log(JSON.stringify(obj, 0, 2));


如果你经常需要这个,你也可以在window对象上定义一个函数

// Define on global window object
window.console.prettyPrint = function() {
  // Loop over arguments, so any number of objects can be passed
  for (var i = 0; i < arguments.length; i++) {
    console.log(JSON.stringify(arguments[i], 0, 2));
  }
};
var obj = {
  data: 'data',
  data1: 'data1'
};
var myObj = {
  hello: 'World!'
};
console.prettyPrint(obj, myObj);