javascript - 如何使 JavaScript 对象更具可读性/可导航性？

Question

我正在创建一个带有一堆嵌套对象的对象。使用 Web 检查器时，我经常需要重新调整自己的方向，因为所有这些对象都简称为 Object。我的对象树的精简版本如下所示:

v Object
    v fields: Array[3]
        v 0: Object
            v fields: Array[2]
                v 0: Object
                    name: 'name'
                    placeholder: 'name'
                    tag: 'input'
                    type: 'text'
                > 1: Object
            name: 'name'
            tag: 'fieldset'
        > 1: Object
        > 2: Object
    name: 'name'

这很快就会过时。有什么方法可以使其更具可读性/可导航性吗？如果有的话，效率高吗？像这样:

v form
    v fields: Array[3]
        v 0: fieldset
            v fields: Array[2]
                v 0: input
                     name: 'name'
                     placeholder: 'name'
                     tag: 'input'
                     type: 'text'
                > 1: textarea
            name: 'name'
            tag: 'fieldset'
        > 1: fieldset
        > 2: button
    name: 'name'

或者这只是我必须处理的事情？

Answer 1

如果您希望阅读纯文本，可以console.log(JSON.stringify(your_object))。