console: dir() 静的メソッド

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

メモ: この機能はウェブワーカー内で利用可能です。

console.dir() 静的メソッドは、指定された JavaScript オブジェクトのプロパティ一覧を表示します。ブラウザーのコンソールでは、出力は階層リストとして表示され、子オブジェクトの内容を確認できる展開する三角記号が付いています。

他のログ出力メソッドとは異なり、console.dir() はオブジェクトを整形して表示しようとはしません。例えば、DOM 要素を console.dir() に渡した場合、要素インスペクターと同様に表示されるのではなく、プロパティのリストが表示されます。

Firefox コンソールで console.dir(document.location) を実行した際のスクリーンショット。ページの URL と、次のプロパティのブロックを確認できます。プロパティが関数またはオブジェクトの場合、展開三角記号が先頭に付加されます。

Node や Deno のようなランタイムでは、コンソール出力は端末に送信されるため対話的ではなく、options 引数によってオブジェクトの表示方法をカスタマイズできます。

構文

console.dir(object)
console.dir(object, options)

プロパティを表示すべき JavaScript オブジェクト。

次のプロパティを持つオブジェクト（すべてオプションです）。

colors 非標準省略可: 論理値: trueの場合、オブジェクトのプロパティをその型に応じてスタイル設定します。デフォルト値はtrueです。
depth 非標準省略可: オブジェクトがそれ以外のオブジェクトや配列を含む場合に、出力する入れ子階層の数を表す数値。値 null は「すべての階層を出力する」ということを意味します。デフォルトは 2 です。
showHidden 非標準省略可: 論理値: true の場合、オブジェクトの列挙不可能なプロパティとシンボルプロパティを表示します。デフォルトは false です。