javascript - 打印嵌套的复杂对象

Question

我有对象。它们是嵌套的，我实际上不知道对象中包含哪些参数。例如，它可以是

{
  "option1": "value1",
  "option2": "value2",
  "option3": {
    "suboption1": "subvalue1",
    "suboption2": {
       "subsuboption1": "subsubvalue1"
    }
  },
  "option4": "value4"
}

我需要像这样打印这个对象:

<span class="depth-0"><b>option1</b>: value1</span>
<span class="depth-0"><b>option2</b>: value2</span>
<span class="depth-0"><b>option3</b>:</span>
<span class="depth-1"><b>suboption1</b>: subvalue1</span>
<span class="depth-1"><b>suboption2</b>:</span>
<span class="depth-2"><b>subsuboption1</b>: subsubvalue1</span>
<span class="depth-0"><b>option4</b>: value4</span>

这看起来像是一项简单的任务，但我对深度缩进有很大的疑问。也许有人有类似的问题。我在我的项目中使用 javascript 和 lodash 库。我的模板中需要一些功能。

Answer 1

使用 JSON.stringify() 怎么样？ ，根据您的需要给 space 参数 "--" 或一个制表符:

console.log(JSON.stringify({
  "option1": "value1","option2": "value2",
  "option3": {
    "suboption1": "subvalue1",
    "suboption2": {
       "subsuboption1": "subsubvalue1"
    }
  },
  "option4": "value4"
}, null, '--'));