console.dir

console.dir() 它可以顯示指定JavaScript對象的屬性列表。在瀏覽器控制臺中，console.dir()會以層次結構的方式呈現對象的屬性，讓你可以展開查看子對象的內容。這個方法可以幫助你更好地了解對象的結構和屬性。

我們有時候想看看一個DOM對象里面到底有什么屬性和方法，但是常規的console.log打印出來的只是HTML標簽，就像這樣：

和直接審查元素沒有什么區別。 如果我們想看到DOM對象作為JavaScript對象的結構可以使用console.dir，比如：

事實上，console.dir可以打印出任何JavaScript對象的屬性列表，比如打印一個方法：

console.table

在JavaScript中，console.table()方法用于在控制臺中以表格形式顯示數組或對象的數據。這對于可視化復雜數據結構非常有用，使數據更易于閱讀和理解。

如果數組元素的字段太多, 我們可以指定需要顯示的字段(比如下面就只顯示 name, price)。

作者：ikonan
鏈接：https://juejin.cn/post/7362059823662170162
來源：稀土掘金
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。