三、分组打印
1. console.group() & console.groupEnd()
这两个方法用于在控制台创建一个信息分组。 一个完整的信息分组以 console.group() 开始，console.groupEnd() 结束。来看下面的例子：
console.group(); console.log('First Group'); console.group(); console.log('Second Group') console.groupEnd(); console.groupEnd(); 复制代码
打印结果如下：
再来看一个复杂点的：
console.group("Alphabet") console.log("A"); console.log("B"); console.log("C"); console.group("Numbers"); console.log("One"); console.log("Two"); console.groupEnd("Numbers"); console.groupEnd("Alphabet"); 复制代码
打印结果如下：
可以看到，这些分组是可以嵌套的。当前我们需要调试一大堆调试输出，就可以选择使用分组输出，
2. console.groupCollapsed()
console.groupCollapsed()方法类似于console.group()，它们都需要使用console.groupEnd()来结束分组。不同的是，该方法默认打印的信息是折叠展示的，而group()是默认展开的。来对上面的例子进行改写：
console.groupCollapsed("Alphabet") console.log("A"); console.log("B"); console.log("C"); console.groupCollapsed("Numbers"); console.log("One"); console.log("Two"); console.groupEnd("Numbers"); console.groupEnd("Alphabet"); 复制代码
其打印结果如下：
可以看到，和上面方法唯一的不同就是，打印的结果被折叠了，需要手动展开来看。
四、打印计次
1. console.count()
可以使用使用console.count()来获取当前执行的次数。来看下面的例子：
for (i = 0; i < 5; i++) { console.count(); } // 输出结果如下 default: 1 default: 2 default: 3 default: 4 default: 5 复制代码
它也可以传一个参数来进行标记（如果为空，则为默认标签default）：
for (i = 0; i < 5; i++) { console.count("hello"); } // 输出结果如下 hello: 1 hello: 2 hello: 3 hello: 4 hello: 5 复制代码
这个方法主要用于一些比较复杂的场景，有时候一个函数被多个地方调用，就可以使用这个方法来确定是否少调用或者重复调用了该方法。
2. console.countReset()
顾名思义，console.countReset()就是重置计算器，它会需要配合上面的console.count()方法使用。它有一个可选的参数label：
- 如果提供了参数label，此函数会重置与label关联的计数，将count重置为0。
- 如果省略了参数label，此函数会重置默认的计数器，将count重置为0。
console.count(); console.count("a"); console.count("b"); console.count("a"); console.count("a"); console.count(); console.count(); console.countReset(); console.countReset("a"); console.countReset("b"); console.count(); console.count("a"); console.count("b"); 复制代码
打印结果如下：
default:1 a:1 b:1 a:2 a:3 default:2 default:3 default:1 a:1 b:1 复制代码
五、其他打印
1. console.table()
我们平时使用console.log较多，其实console对象还有很多属性可以使用，比如console.table()，使用它可以方便的打印数组对象的属性，打印结果是一个表格。console.table() 方法有两个参数，第一个参数是需要打印的对象，第二个参数是需要打印的表格的标题，这里就是数组对象的属性值。来看下面的例子：
const users = [ { "first_name":"Harcourt", "last_name":"Huckerbe", "gender":"Male", "city":"Linchen", "birth_country":"China" }, { "first_name":"Allyn", "last_name":"McEttigen", "gender":"Male", "city":"Ambelókipoi", "birth_country":"Greece" }, { "first_name":"Sandor", "last_name":"Degg", "gender":"Male", "city":"Mthatha", "birth_country":"South Africa" } ] console.table(users, ['first_name', 'last_name', 'city']); 复制代码
打印结果如下：
通过这种方式，可以更加清晰的看到数组对象中的指定属性。
除此之外，还可以使用console.table()来打印数组元素：
const app = ["facebook", "google", "twitter"]; console.table(app); 复制代码
打印结果如下：
通过这种方式，我们可以更清晰的看到数组中的元素。
需要注意，console.table() 只能处理最多1000行，因此它可能不适合所有数据集。但是也能适用于多数场景了。
2. console.clear()
console.clear() 顾名思义就是清除控制台的信息。当清空控制台之后，会打印一句：“Console was clered”:
当然，我们完全可以使用控制台的清除键清除控制台：
3. console.assert()
console.assert()方法用于语句断言，当断言为 false时，则在信息到控制台输出错误信息。它的语法如下：
console.assert(expression, message) 复制代码
它有两个参数：
- expression: 条件语句，语句会被解析成 Boolean，且为 false 的时候会触发message语句输出；
- message: 输出语句，可以是任意类型。
该方法会在expression条件语句为false时，就会打印message信息。当在特定情况下才输出语句时，就可以使用console.assert()方法。
比如，当列表元素的子节点数量大于等于100时，打印错误信息：
console.assert(list.childNodes.length < 100, "Node count is > 100"); 复制代码
其输出结果如下图所示：
4. console.trace()
console.trace()方法可以用于打印当前执行的代码在堆栈中的调用路径。它和上面的console.error()的功一致，不过打印的样式就和console.log()是一样的了。来看下面的例子：
function a() { b(); } function b() { console.trace(); } function c() { a(); } c(); 复制代码
打印结果如下：
可以看到，这里输出了调用栈的信息：b→a→c，这个堆栈信息是从调用位置开始的。
5. console.dir()
console.dir()方法可以在控制台中显示指定JavaScript对象的属性，并通过类似文件树样式的交互列表显示。它的语法如下：
console.dir(object); 复制代码
它的参数是一个对象，最终会打印出该对象所有的属性和属性值。
在多数情况下，使用consoledir()和使用console.log()的效果是一样的。但是当打印元素结构时，就会有很大的差异了，console.log()打印的是元素的DOM结构，而console.dir()打印的是元素的属性：
6. console.dirxml()
console.dirxml()方法用于显示一个明确的XML/HTML元素的包括所有后代元素的交互树。 如果无法作为一个element被显示，那么会以JavaScript对象的形式作为替代。 它的输出是一个继承的扩展的节点列表，可以让你看到子节点的内容。其语法如下：
console.dirxml(object); 复制代码
该方法会打印输出XML元素及其后代元素，对于XML和HTML元素调用console.log()和console.dirxml()是等价的。
7. console.memory
console.memory是console对象的一个属性，而不是一个方法。它可以用来查看当前内存的使用情况，如果使用过多的console.log()会占用较多的内存，导致浏览器出现卡顿情况。
