職案人

求職・歴史・仏教などについて掲載するつもりだが、自分の思いつきが多いブログだよ。適当に付き合って下さい。

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

2024年06月14日 | JavaScript

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

【開発環境】
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');

コメント    この記事についてブログを書く
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする
« JS--Console オブジェクト | トップ | 条件式がfalseの場合だけエラ... »
最新の画像もっと見る

コメントを投稿

JavaScript」カテゴリの最新記事