JavaScriptで定義されたすべての変数を表示する方法

console.log()を使用する方法: console.log()は、変数の値やその他の情報をコンソールに表示するための関数です。以下は、すべての変数を表示するためにconsole.log()を使用する例です。

for (const variable in window) {
  console.log(variable + ':', window[variable]);
}

上記のコードは、グローバルスコープ内のすべての変数を表示します。windowオブジェクトは、ブラウザ環境で利用可能なグローバルオブジェクトです。

Object.keys()を使用する方法: Object.keys()は、オブジェクトのプロパティ名を配列として返すメソッドです。以下は、グローバルスコープ内のすべての変数を表示するためにObject.keys()を使用する例です。

Object.keys(window).forEach(variable => {
  console.log(variable + ':', window[variable]);
});

debuggerステートメントを使用する方法: debuggerステートメントをコードに追加すると、ブラウザのデバッガが起動し、実行を一時停止します。この時点で、デバッガのウィンドウで変数の値を確認できます。以下は、debuggerステートメントを使用する例です。

// 任意の場所に追加するとデバッガが起動します
debugger;

上記のコードを実行すると、デバッガが起動し、変数の値を確認できます。

これらの方法を使用すると、JavaScriptで定義されたすべての変数を表示できます。デバッグやコードの解析に役立つ情報を得ることができます。