在 Chrome 控制台中显示无序对象 - Javascript

在开发过程中，我们经常需要将对象的键值对打印到控制台，以帮助我们调试应用程序。使用Chrome开发者工具中的console.log()会将对象以表格形式呈现出来，但有时我们需要更好的视觉化查看对象。在这种情况下，我们可以使用console.dir()方法来打印无序对象。

使用console.dir()方法来打印无序对象

console.dir()方法将无序对象以简洁中的树形结构呈现出来。通过在控制台中使用console.dir()打印对象，我们可以简洁明了地查看键值对的关系。

下面是一个例子：

let person = {
    name: "John",
    age: 30,
    address: {
        street: "123 Main St",
        city: "New York",
        state: "NY"
    }
};
console.dir(person);

这将在控制台中显示以下内容：

- address: {…}
    city: "New York"
    state: "NY"
    street: "123 Main St"
- age: 30
- name: "John"

可以看出，console.dir()方法以简洁中的树形结构呈现无序对象person及其子对象address的内容。

结论

使用console.dir()方法来打印无序对象可以让我们更好的可视化查看，以方便我们在开发和调试过程中更快地找到问题所在。