在大多数情况下,我使用 JavaScript 的 console.log()。它可以快速打印出我们想要的东西。

但当我们想要处理更大的对象时,特别是嵌套三层或更多层的任何对象。这是我所指的:

const myDeepObject = {
  one: {
    two: {
      three: {
        four: {
          five: {
            six: 'too too deep'
          },
        },
      },
    },
  }
}

如果我们尝试使用 console.log 访问这个深层次的对象,我们最终会在第三层得到一个 [Object]

console.log(myDeepObject) // { one: { two: { three: [Object] } } }

如果我们想要显示一个对象的整体,这样的效果显然不尽人意。

有效的解决方案是将 util 带到聚会上并使用 util.inspect() ,但由于需要额外的导入,它远没有那么优雅。

console 有一个名为 dir 的方法,在显示对象时设置深度限制(或者不设置限制),该方法的语法与 util.inspect() 类似:

console.dir(myDeepObject, { depth: null })

我们将得到:

/*
{
  one: {
    two: {
      three: { four: { five: { six: 'too too deep' } } }
    }
  }
}
*/

JSON.stringify

我们还可以使用 JSON.stringify() 输出的内容更具可读性。

详细内容请查看:格式化输出 JSON

const think = { eat: '🥩', sleep: '😴' }

console.log(JSON.stringify(think, null, 2))
/*
{
  "eat": "🥩",
  "sleep": "😴"
}
*/