【JavaScript】consoleのいろんな使い方

Consoleオブジェクトにはいろんなメソッドが提供されています。

console.log(console);

↓

console {debug: ƒ, error: ƒ, info: ƒ, log: ƒ, warn: ƒ, …}
memory: (...)
debug: ƒ debug()
error: ƒ error()
info: ƒ info()
log: ƒ log()
warn: ƒ warn()
dir: ƒ dir()
dirxml: ƒ dirxml()
table: ƒ table()
trace: ƒ trace()
group: ƒ group()
groupCollapsed: ƒ groupCollapsed()
groupEnd: ƒ groupEnd()
clear: ƒ clear()
count: ƒ count()
countReset: ƒ countReset()
assert: ƒ assert()
profile: ƒ profile()
profileEnd: ƒ profileEnd()
time: ƒ time()
timeLog: ƒ timeLog()
timeEnd: ƒ timeEnd()
timeStamp: ƒ timeStamp()
context: ƒ context()
Symbol(Symbol.toStringTag): "Object"
get memory: ƒ ()
set memory: ƒ ()
__proto__: Object

これだけあるにも関わらず、 log() 以外はどうも影が薄いように感じています。
なので、 console に隠された（？）メソッドをいくつかピックアップしてみました。

目的

• console のいろんなメソッドの使い方を把握する

assert()

第1引数の値がfalseならエラーを出力する。

const method = (num) => {
    console.assert(num > 0 , num + ' is NG.');
}

method(1);
method(0);
method(-1);

clear()

コンソールをクリアする。

console.log('hoge');
console.log('hoge');
console.clear();
console.log('fuga');
console.log('fuga');

count()

呼び出された回数を出力する。

const method = () => {
    console.count('counter');
}

method();
method();
method();

error()

エラーを出力する。

console.error('error');

group() / groupEnd()

インデントを開始する。 / インデントを終了する。

console.group('Indent1');
console.log('hoge');
console.log('hoge');
console.group('Indent2');
console.log('fuga');
console.log('fuga');
console.groupEnd();
console.log('hoge');
console.log('hoge');
console.groupEnd();

table()

表形式でログを出力する。

const ary = [100,200,300,400];
const obj = {
    'a':100 ,
    "b":200 ,
    "c":300 ,
    'd':400
};
console.table(ary);
console.table(obj);

warn()

警告を出力する。

console.warn('warn');

まとめ

いかがでしょうか？

Consoleオブジェクトはログを出力するだけの存在ではないことがわかります。
table() や group() なんかは使い方次第では log() よりも便利そうです。

console を使いこなせるようにお役に立てれば幸いです。