HTML | DOM console.group() 方法

console.group() 方法用于在控制台中可视化地组织输出内容，实现更清晰的调试和日志记录。该方法允许把日志信息分组显示，并可使用可选的缩进级别表示父子关系。

语法

console.group([label]);

参数说明

label：可选参数，用于设置分组的标签名。

返回值

无返回值。

使用方法

在控制台中调用 console.group() 后，之后的所有 console.log()、console.table()、console.error() 等控制台方法输出信息都将被包裹在一个分组之内。

代码示例：

console.group('Fruits');
console.log('Apple');
console.log('Orange');
console.log('Banana');
console.groupEnd();

console.group('Vegetables');
console.log('Carrot');
console.log('Broccoli');
console.groupEnd();

在上例中，我们使用 console.group() 方法将水果和蔬菜分别放在两个分组内，同时使用 console.log() 方法输出每种水果和蔬菜。为了结束分组的输出，我们使用了 console.groupEnd() 方法。

总结

使用 console.group() 方法可以在控制台中对输出信息进行更好的组织和可视化，并可以更方便地进行调试和日志记录。

注意，在不同的浏览器中对 console.group() 方法的支持程度可能有所差异，需要根据实际情况进行兼容性处理。