ContextQMD
Back to Content

console: group() static method

files/en-us/web/api/console/group_static/index.md

latest2.0 KB
Original Source

{{APIRef("Console API")}} {{AvailableInWorkers}}

The console.group() static method creates a new inline group in the Web console log, causing any subsequent console messages to be indented by an additional level, until {{domxref("console/groupEnd_static", "console.groupEnd()")}} is called.

Syntax

js-nolint
console.group()
console.group(label)

Parameters

  • label {{optional_inline}}
    • : Label for the group.

Return value

None ({{jsxref("undefined")}}).

Examples

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.

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

js
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:

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also