JS--コンソールへの出力をグループ化

コンソールへの出力をグループ化

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、
クロム

【ログの出力をグループ化する】
console.group メソッドと console.groupEnd メソッドを使用することでログへの出力をグループ化することができます

・書式

console.group([ラベル])
console.groupEnd()

console.group メソッドが呼び出されてから console.groupEnd メソッドが呼び出されるまでの間に console.log メソッドなどを使って出力されたログがグループ化されます。
省略可能な引数のラベルを文字列で指定すると、グループの先頭でラベルを表示することができます。

サンプル

console.log('My List');

console.group('Animal');
console.log('Dog');
console.log('Cat');
console.groupEnd();

console.group('Plant');
console.log('Sunflower');
console.log('Cosmos');
console.groupEnd();

console.log('End');

実行
My List
 Animal
   Dog
   Cat
 Plant
   Sunflower
   Cosmos
 End

グループ化は入れ子にすることも出来る

console.log('My List');

console.group('Animal');

console.group('Land');
console.log('Lion');
console.log('Giraffe');
console.groupEnd();

console.group('Sea');
console.log('Dolphin');
console.log('Whale');
console.groupEnd();

console.groupEnd();

console.log('End');