SYNCERのロゴ
アイキャッチ画像

console.group() - グループ分けを開始する

console.group()は、新しくグループ分けを開始するメソッドです。グループ分けを開始すると1段階インデントされて、groupEnd()を実行するまでログがそのグループにまとまります。グループ分けを終了しないうちに重ねてグループ分けを開始すると、2階層、3階層とインデントされていきます。上位階層は全ての下位階層を含みます。

概要

名前
group
所属
console
IDL
void group(any... data);
仕様書
https://console.spec.whatwg.org/#group

説明

引数(data)を指定すると、そのグループのタイトルを出力します。説明はlog()をご参考下さい。使い方は同じで、置換キーワードも利用できます。

console.group()の実行例 (Chrome)
console.group()の実行例 (Chrome)

デモ

console.group()のデモです。開発者ツールのコンソールで結果を確認して下さい。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
	<p><button id="start">開始</button></p>
	<p><button id="log">ログ</button></p>
	<p><button id="end">終了</button></p>
	<p><button id="clear">クリア</button></p>
<script>
document.getElementById( "start" ).onclick = function () {
	console.group() ;
}

var number = 0 ;

document.getElementById( "log" ).onclick = function () {
	console.log( "メッセージ" + ++number ) ;
	console.log( "メッセージ" + ++number ) ;
	console.log( "メッセージ" + ++number ) ;
}

document.getElementById( "end" ).onclick = function () {
	console.groupEnd() ;
}

document.getElementById( "clear" ).onclick = function () {
	console.clear() ;
}
</script>
</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
9+ 11+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月5日 (木)
コンテンツを公開しました。