javascript 记录 json 格式漂亮的对象

Question

我经常使用 console.log 进行调试。当我记录长对象时，很难读取完整的对象。有没有 console.pretty 之类的东西可以漂亮地打印数据？

实际（内联日志）：
{data:'data',data1:'data1'}

预计：

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

Answer 1

您可以使用 JSON.stringify.

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

var obj = {
  data: 'data',
  data1: 'data1'
};

console.log(JSON.stringify(obj, 0, 2));

如果你更经常需要这个，你也可以在 window object

上定义一个函数

// 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);

javascript 记录 json 格式漂亮的对象

javascript log json object with pretty format

javascript

logging

console.log