--- title: Console.group() slug: Web/API/Console/group translation_of: Web/API/Console/group ---
{{APIRef("Console API")}}

Web Console log 에 새로운 인라인 그룹을 만듭니다. This indents all following output by an additional level, until {{domxref("console.groupEnd()")}} is called.

{{AvailableInWorkers}}

구문

console.group([label]);

매개변수

 

label
Label for the group. Optional. (Chrome 59 tested) Does not work with console.groupEnd().

{{h3_gecko_minversion("Using groups in the console", "9.0")}}

You can use nested groups to help organize your output by visually associating related messages. To create a new nested block, call console.group(). The console.groupCollapsed() method is similar, but the new block is collapsed and requires clicking a disclosure button to read it.

Note: From Gecko 9 until Gecko 51, the groupCollapsed() method was the same as group(). Collapsed groups are fully supported starting in Gecko 52. See {{bug("1088360")}}.

To exit the current group, call console.groupEnd(). For example, given this code:

console.log("This is the outer level");
console.group();
console.log("Level 2");
console.group();
console.log("Level 3");
console.warn("More of level 3");
console.groupEnd();
console.log("Back to level 2");
console.groupEnd();
console.log("Back to the outer level");

The output looks like this:

A screenshot of messages nested in the console output.

See Using groups in the console in the documentation of {{domxref("console")}} for more details.

 

설명

Specification Status Comment
{{SpecName("Console API", "#group", "console.group()")}} {{Spec2("Console API")}} Initial definition

브라우저 호환성

 

{{Compat("api.Console.group")}}

 

더 보기