PHP の var_dump() に相当する JavaScript

今日の記事では、PHP の var_dump() に相当する JavaScript について説明します。

PHP の var_dump() に相当する JavaScript

PHP の var_dump() 関数は、型や値など、1つ以上の式に関する構造化された情報を表示します。 配列とオブジェクトは、構造を表示するためにインデントされた値で再帰的にスキャンされます。

ほとんどのブラウザには、デバッグ コンソールが用意されています。 JavaScript は、ブラウザーのデバッグ コンソールにアクセスできるコンソール オブジェクトを提供します。

ブラウザごとに動作が異なります。 ブラウザによって仕様は異なりますが、通常はいくつかの機能が提供されています。

コンソールの詳細については、ここ をクリックしてください。

コンソール メソッドの一部は次のとおりです。

1. console.log(): ログ情報の基本的な出力用。
2. console.debug(): ブラウザーのコンソールにメッセージを送信します。 ログレベルのデバッグが含まれています。
3. console.assert(): 最初の引数が false の場合、メッセージをログに記録し、トレースをコンソールにスタックします。
4. console.count(): この行がタグで呼び出された回数を記録します。
5. console.dir(): 特定の JavaScript オブジェクトのプロパティのインタラクティブなリストを表示します。 このリストでは、展開された三角形を使用して、子オブジェクトの内容を参照できます。
6. console.clear(): コンソールをクリアします。
7. console.error(): ブラウザのコンソールにメッセージを送信します。 エラーメッセージが含まれています。

どのグローバル オブジェクトからでも、コンソール オブジェクトにアクセスできます。 プロパティ コンソールから、ワーカー固有のバリアントとして Window および WorkerGlobalScope スコープを参照します。

Window.console として公開され、コンソールとして参照できます。

例えば、

console.log('Hello World!')

console.log() メソッドは、Web コンソールにメッセージを送信します。

メッセージは、単一の文字列 (オプションの置換値を含む) または 1つ以上の JavaScript オブジェクトにすることができます。 ユースケースに応じて、いずれかの方法を使用できます。

以下の例を見てみましょう。 キーと値のプロパティを持つオブジェクトを定義しました。

このオブジェクトを印刷すると、オブジェクトの内部が表示されます。

例：

const object = {
  key: 'Message',
  value: 'Hello, world!'
} console.log(object)

出力：

{
  key: "Message",
  value: "Hello, world!"
}

この例の完全なコード こちら にアクセスすることもできます。