在前端开发过程中，console 是一个非常有用的工具。我们通常使用 console.log() 来打印一些信息，以便调试代码。但是，console 还有很多其他功能，这些功能可能会提高你的开发效率和准确性。在本文中，我们将介绍一些你可能不知道的 console 技巧。
console.table()
console.table() 可以将数组或对象以表格形式输出到控制台。这对于查看复杂数据结构非常有用，因为它可以将数据可视化为表格，使其更易于理解。
例如，假设我们有以下对象：
const users = [
{ name: 'Alice', age: 25, occupation: 'Developer' },
{ name: 'Bob', age: 30, occupation: 'Designer' },
{ name: 'Charlie', age: 35, occupation: 'Manager' }
];我们可以使用 console.table() 将其输出成表格形式：
console.table(users);
输出结果如下：
| (index) | name | age | occupation |
|---|---|---|---|
| 0 | "Alice" | 25 | "Developer" |
| 1 | "Bob" | 30 | "Designer" |
| 2 | "Charlie" | 35 | "Manager" |
console.assert()
console.assert() 可以用来断言一个表达式是否为真。如果表达式为假，则会在控制台输出一个错误信息。这对于调试代码非常有用，因为它可以帮助我们快速定位问题所在。
例如，假设我们有以下函数：
function add(x, y) {
console.assert(typeof x === 'number' && typeof y === 'number', 'x and y must be numbers');
return x + y;
}如果调用 add() 函数时传递的参数不是数字类型，则会在控制台输出错误信息："Assertion failed: x and y must be numbers"。
console.count()
console.count() 可以用来记录某个事件发生的次数，并将次数输出到控制台。这对于计算代码执行次数非常有用。
例如，假设我们有以下循环：
for (let i = 0; i < 10; i++) {
console.count('Loop iteration');
}每次循环时，console.count() 都会将计数器加一，并将计数器值输出到控制台。输出结果如下：
-- -------------------- ---- ------- ---- ---------- - ---- ---------- - ---- ---------- - ---- ---------- - ---- ---------- - ---- ---------- - ---- ---------- - ---- ---------- - ---- ---------- - ---- ---------- --
console.time() 和 console.timeEnd()
console.time() 和 console.timeEnd() 可以用来计算代码执行时间。使用方法是：首先调用 console.time() 记录开始时间，在代码执行完成后调用 console.timeEnd() 记录结束时间。控制台将输出代码执行的耗时。
例如，假设我们有以下循环：
console.time('Loop time');
for (let i = 0; i < 1000000; i++) {
// do something
}
console.timeEnd('Loop time');控制台将输出循环执行的时间，例如："Loop time: 32.456ms"。
console.group() 和 console.groupEnd()
console.group() 和 console.groupEnd() 可以用来将日志分组输出。每次调用 console.group() 将创建一个新的分组，并缩进输出的日志；每次调用 console.groupEnd() 将结束当前分组，并回到上一层级别。
例如，假设我们有以下代码：
-- -------------------- ---- ------- -------- ----- - --------------------- ------------------ ---- ------ ------ ------------------- - -------- ----- - --------------------- ------------------ ---- ------ ------------------- - ------ -- - ---------------------------------------------------------- -------- --------------------------------------------------------------------------------