在 web 前端开发中，我们经常会使用控制台来输出调试信息，以便于查看程序运行过程中的各种变量值、函数调用情况等。而在控制台输出大量信息时，为了方便查看和组织这些信息，我们可以使用 console.group() 方法来创建一个分组，将相关信息放在同一个分组中显示，从而使信息更加清晰和有序。
语法
console.group(label)
label：一个可选的字符串参数，用于标识分组的名称。
示例
让我们通过一个简单的示例来演示 console.group() 方法的使用：
-------------------- ---- ------------------ ---- ----- ---- --------------- ---- ----- ---- ------------------- -------------------- ---- ---------------------- ---- ----- ---- ----------------------- ---- -------------------- ---- -------- ---- ------------------- -------------------
在上面的示例中，我们首先使用 console.group('Group 1') 创建了一个名为 'Group 1' 的分组，然后在该分组中输出了两条信息。接着使用 console.groupEnd() 结束了 'Group 1' 分组。然后创建了一个名为 'Group 2' 的分组，在其中输出了一条信息，并创建了一个名为 'Subgroup 2' 的子分组，在子分组中输出了一条信息，最后通过两次 console.groupEnd() 结束了 'Subgroup 2' 和 'Group 2' 分组。
注意事项
console.group()方法创建一个新的分组，并将后续输出的信息都放在该分组中，直到调用console.groupEnd()结束该分组。- 可以嵌套使用多个分组，以便更好地组织输出的信息。
- 分组可以帮助我们更清晰地查看控制台输出，特别是在输出大量信息时，使用分组可以使信息更有条理。
在实际开发中，掌握 console.group() 方法的使用可以帮助我们更高效地调试和查看程序运行时的信息，提高开发效率和代码质量。希望本文对你有所帮助！