コンソール オブジェクト API リファレンス

オブジェクトのメソッドを console 使用して、JavaScript から コンソール にメッセージを書き込みます。

これらのメソッドを コンソールに入力することもできます。 たとえば、 コンソールで、変数を console 受け取るメソッドを入力します。

  1. ソース ツールのデバッガーで、JavaScript コードにブレークポイントを設定します。

  2. デバッガーで、コードをステップ実行します。

  3. 目的の変数がスコープ内になるように有効なコンテキストにある場合は、オブジェクトのメソッドをconsoleコンソール ツールに入力します。 結果が コンソールに表示されます。




アサート

が に評価されるとexpressionコンソールエラーfalse書き込みます。

console.assert(expression, object)

ログ レベル: Error

const x = 5;
const y = 3;
const reason = 'x is expected to be less than y';
console.assert(x < y, {x, y, reason});

出力

console.assert() の例の結果




クリア

コンソールをクリア します

[ログの保持] がオンになっている場合、clear メソッドはオフになります。

console.clear()

関連項目




count

count メソッドが同じ行と同じ labelで呼び出された回数を書き込みます。 countReset メソッドを使用してカウントをリセットします。

console.count([label])

ログ レベル: Info

console.count();
console.count('coffee');
console.count();
console.count();

出力

console.count() の例の結果




countReset

カウントをリセットします。

console.countReset([label])

console.countReset();
console.countReset('coffee');




デバッグ

異なるログ レベルを除き、ログ メソッドと同じです。

console.debug(object [, object, ...])

ログ レベル: Verbose

console.debug('debug');

出力

console.debug() の例の結果




dir

指定したオブジェクトの JSON 表現を出力します。

console.dir(object)

ログ レベル: Info

console.dir(document.head);

出力

console.dir() の例の結果




Dirxml

の子孫の XML 表現を出力します node

console.dirxml(node)

ログ レベル: Info

console.dirxml(document);

出力

console.dirxml() の例の結果




error

objectコンソールに出力し、エラーとして書式設定し、スタック トレースを含みます。

console.error(object [, object, ...])

ログ レベル: Error

console.error("I'm sorry, Dave.  I'm afraid I can't do that.");

出力

console.error() の例の結果




グループ

groupEnd メソッドが使用されるまで、メッセージを視覚的にグループ化します。 groupCollapsed メソッドを使用して、最初にコンソールにログを記録するときにグループを折りたたみます。

console.group(label)

const label = 'Adolescent Irradiated Espionage Tortoises';
console.group(label);
console.info('Leo');
console.info('Mike');
console.info('Don');
console.info('Raph');
console.groupEnd(label);

出力

console.group() の例の結果




groupCollapsed

ログ メソッドと同じですが、グループはコンソールにログを記録するときに最初に折りたたまれます。

console.groupCollapsed(label)




groupEnd

メッセージの視覚的なグループ化を停止します。 group メソッドを参照してください。

console.groupEnd(label)




info

ログ メソッドと同じです。

console.info(object [, object, ...])

ログ レベル: Info

console.info('info');

出力

console.info() の例の結果




ログ

コンソールにメッセージを出力 します

console.log(object [, object, ...])

ログ レベル: Info

console.log('log');

出力

console.log() の例の結果




table

オブジェクトの配列をテーブルとしてログに記録します。

console.table(array)

ログ レベル: Info

console.table([
      {
         first: 'René',
         last: 'Magritte',
      },
      {
         first: 'Chaim',
         last: 'Soutine',
         birthday: '18930113',
      },
      {
         first: 'Henri',
         last: 'Matisse',
      }
]);

出力

console.table() の例の結果




time

新しいタイマーを開始します。 timeEnd メソッドを使用してタイマーを停止し、経過時間をコンソールに出力します

console.time([label])

console.time();
for (var i = 0; i < 100000; i++) {
      let square = i ** 2;
}
console.timeEnd();

出力

console.time() の例の結果




timeEnd

タイマーを停止します。 詳細については、 time メソッドに関するページを参照してください。

console.timeEnd([label])

ログ レベル: Info




trace

スタック トレースをコンソールに出力 します

console.trace()

ログ レベル: Info

const first = () => { second(); };
const second = () => { third(); };
const third = () => { fourth(); };
const fourth = () => { console.trace(); };
first();

出力

console.trace() の例の結果




警告

コンソールに警告を出力 します

console.warn(object [, object, ...])

ログ レベル: Warning

console.warn('warn');

出力

console.warn() の例の結果




関連項目

注:

このページの一部は、 Google によって 作成および共有され、 クリエイティブ・コモンズ属性 4.0 国際ライセンスに記載されている条件に従って使用される作業に基づく変更です。 元のページは ここに あり、 Kayce Basques (テクニカル ライター、Chrome DevTools & Lighthouse) によって作成されています。

クリエイティブ・コモンズ・ライセンス この作品は 、クリエイティブ・コモンズ属性4.0国際ライセンスに基づきライセンスされています