js日志输出还是只会console.log么，那你就out了几乎所有的javascript开发者最常

几乎所有的javascript开发者最常使用的日志打印调试api都是console.log(),其实还有很多的选项供我们选择，笔者下面就为大家一一介绍.
一、console.table()console.table()是我非常建议大家去使用的方法，它可以接受jsON或数组并以表格格式打印，在对json对象和数组进行可视化打印的时候简单易用，结果直观。
比如下面的json数据对象使用console.table()打印
console.table({"id":"1","key":"value","count":2});复制代码控制台的输出结果如下：
文章插图
又比如对下面代码中的数组进行打印：
console.table([{id: "1",key: "value",count: 2,},{id: "2",key: "value2",count: 22,},{id: "3",key: "value3",count: 5,},]);复制代码控制台的输出结果如下：
文章插图
二、console.error()console.error()相对于console.log()更有助于在调试时从输出日志中区分错误信息
文章插图
从上图中可以看到，它的输出打印结果是红色的。
三、Time(time,timeLog,timeEnd)console.time()、console.timeLog()、console.timeEnd() 这三个方法当我们对程序运行时间进行计时的时候特别有用。
参考下图理解这三个方法
文章插图

console.time()相当于秒表中的开始按钮
console.timeLog()相当于秒表中的按圈计时/按点计时
console.timeEnd()相当于计时结束

console.time("ForLoop");// "ForLoop" is label herefor (let i = 0; i < 5; i++) {console.timeLog('ForLoop'); }console.timeEnd("ForLoop");复制代码

控制台打印输出结果

文章插图
四、console.warn()用黄色字体输出日志，更直观的方便的查看警告类日志信息。

文章插图
五、console.assert()console.assert(assert_statement,message)用来设定断言，如果为false则显示message消息

if(3!=2){console.error({ msg1: "msg1", msg2: "msg2" });}//上面的日志判断语句 ， 可以简写为下面的断言console.assert(3 === 2, { msg1: "msg1", msg2: "msg2" });复制代码

文章插图
另一种可以用来格式化输出的断言方式console.assert(assert_statement,message,args)
console.assert(false, "%d nd type for%s ",2,"console.assert() method");复制代码

文章插图
六、console.count()console.count()特别适合用来计数，可以传递参数，可以根据根据参数标签统计次数。代码如下：
for (let i = 0; i < 3; i++) {console.count("label");console.count();console.count(i); }复制代码控制台打印输出的结果，类似于下面这样

 console.count()console.count("label")console.count(i) default: 1label: 10: 1 default: 2label: 21: 1 default: 3label: 32: 1复制代码

console.count()如果不传递参数，则使用默认的default标签。
console.countReset(标签参数)可以将指定标签的计数重置为0

欢迎关注我的博客，里面有很多精品合集

本文转载注明出处（必须带链接，不能只转文字）：字母哥博客。

【js日志输出还是只会console.log么，那你就out了】觉得对您有帮助的话，帮我点赞、分享！您的支持是我不竭的创作动力！。另外，笔者最近一段时间输出了如下的精品内容，期待您的关注。
作者：zimug链接：来源：掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。