web-dev-qa-db-ja.com

Chromeコンソールで拡張オブジェクト/配列を表示する方法は?

オブジェクトの配列がある場合、Chrome consoleに変数の名前を入力すると、次のようになります。 enter image description here

QUESTION:オンにすると、Chrome consoleでクエリされたときに拡張されたオブジェクトと配列を表示するオプションまたはフラグはありますか?

私はコンソールを頻繁に使用し、コンソール内でインライン操作を行います。配列を変更するたびに、すべてのエントリをクリックして値を表示する必要があります。

私はしたくないconsole.dirすべての配列を出力します。

16
lukas.pukenis

ループを記述せずに配列(またはその他のオブジェクト)の内容全体を表示するには、 JSON.stringify 。これにより、オブジェクト全体がJSON形式で出力され、オプションでインデントされます。

例えば:

console.info(JSON.stringify([{a:1,b:2}, {c:3,d:4}], null, '  '))

出力します:

[
  {
    "a": 1,
    "b": 2
  },
  {
    "c": 3,
    "d": 4
  }
]
21
andypaxo

console.table()配列をきれいに表示する テーブル形式で素晴らしい仕事をします。

30
abettermap