console.dir

console.dir() 它可以顯示指定JavaScript對(duì)象的屬性列表。在瀏覽器控制臺(tái)中，console.dir()會(huì)以層次結(jié)構(gòu)的方式呈現(xiàn)對(duì)象的屬性，讓你可以展開(kāi)查看子對(duì)象的內(nèi)容。這個(gè)方法可以幫助你更好地了解對(duì)象的結(jié)構(gòu)和屬性。

我們有時(shí)候想看看一個(gè)DOM對(duì)象里面到底有什么屬性和方法，但是常規(guī)的console.log打印出來(lái)的只是HTML標(biāo)簽，就像這樣：

和直接審查元素沒(méi)有什么區(qū)別。 如果我們想看到DOM對(duì)象作為JavaScript對(duì)象的結(jié)構(gòu)可以使用console.dir，比如：

事實(shí)上，console.dir可以打印出任何JavaScript對(duì)象的屬性列表，比如打印一個(gè)方法：

console.table

在JavaScript中，console.table()方法用于在控制臺(tái)中以表格形式顯示數(shù)組或?qū)ο蟮臄?shù)據(jù)。這對(duì)于可視化復(fù)雜數(shù)據(jù)結(jié)構(gòu)非常有用，使數(shù)據(jù)更易于閱讀和理解。

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

作者：ikonan
鏈接：https://juejin.cn/post/7362059823662170162
來(lái)源：稀土掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。