次の方法で共有


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

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

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

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

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

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




主張する

expressionfalse に評価されたときに、コンソールエラーを書き込みます。

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

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

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 国際ライセンスに記載されている条件に従って使用される作業に基づく変更です。 元のページは ここに あり、ケイス・バスクによって作成されています。

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