1. ウェブ
  2. Web API
  3. console
  4. dir()

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

console: dir() 静的メソッド

Baseline
広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

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

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

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

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

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

構文

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

引数

object

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

options 省略可

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

colors 省略可

論理値: trueの場合、オブジェクトのプロパティをその型に応じてスタイル設定します。デフォルト値はtrueです。

depth 省略可

オブジェクトがそれ以外のオブジェクトや配列を含む場合に、出力する入れ子階層の数を表す数値。値 null は「すべての階層を出力する」ということを意味します。デフォルトは 2 です。

showHidden 省略可

論理値: true の場合、オブジェクトの列挙不可能なプロパティとシンボルプロパティを表示します。デフォルトは false です。

返値

なし (undefined)。

仕様書

仕様書
Console
# dir

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告