JavaScript中的console.log是一种用于调试的常用方式,它可以帮助开发者更好的观察程序的运行情况。但是,console.log输出的信息往往杂乱无章,不利于查看,需要美化console.log输出。下面介绍几种美化console.log输出的方法:
1.使用字符串格式化
可以使用字符串格式化来使console.log输出更加美观。例如,使用%s格式化字符串,%d格式化数字,可以使console.log输出更加简洁明了,例如:
console.log('Name: %s, Age: %d', name, age);
2.使用占位符
可以使用占位符来使console.log输出更加美观。例如,使用%c占位符可以设置输出字体的颜色、大小等,使console.log输出更加简洁明了,例如:
console.log('Name: %c%s, Age: %c%d', 'color:red', name, 'color:blue', age);
3.使用console.table()
可以使用console.table()来将一组数据以表格的形式输出,使console.log输出更加简洁明了,例如:
var data = [
{name: 'John', age: 20},
{name: 'Jack', age: 22}
];
console.table(data);
4.使用console.group()
可以使用console.group()来将一组console.log输出进行分组,使console.log输出更加清晰,例如:
console.group('Group1');
console.log('Name: %s, Age: %d', name1, age1);
console.log('Name: %s, Age: %d', name2, age2);
console.groupEnd();
console.group('Group2');
console.log('Name: %s, Age: %d', name3, age3);
console.log('Name: %s, Age: %d', name4, age4);
console.groupEnd();
以上就是美化JavaScript中的console.log输出的几种方法,只要按照上述方法,就可以使console.log输出更加美观,更加清晰明了。