console.table使用

最新推荐文章于 2024-08-25 08:37:48 发布

原创最新推荐文章于 2024-08-25 08:37:48 发布 · 5.7k 阅读

7 ·

CC 4.0 BY-SA版权

JS基础专栏收录该内容

1 篇文章

订阅专栏

本文介绍了console对象在JavaScript调试中的应用，特别是console.table()方法，它能将数组或JSON数据以表格形式展示，提高可读性。此外，还提到了console.count()用于统计代码执行次数的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

console.log（），console.info()，console.warn()，console.error()
console浏览器对象通常用来调试程序，可在浏览器控制台执行js语句.

以上四个用法基本类似，只是在控制台显示时，显示信息前面加上了不同的小图标样式。

console.table（）
将数组或者json结构的数据通过表格进行展示，个人觉得这个很神奇。

// An highlighted block
var languages = [
  { name: "JavaScript", fileExtension: ".js" },
  { name: "TypeScript", fileExtension: ".ts" },
  { name: "CoffeeScript", fileExtension: ".coffee" }
];

console.table(languages);

如上在控制台中，显示为table的形式，可阅读很高。
在这里插入图片描述

// An highlighted block
var languages = {
  csharp: { name: "C#", paradigm: "object-oriented" },
  fsharp: { name: "F#", paradigm: "functional" }
};

console.table(languages);

在这里插入图片描述
console.count()
输出运行的次数

// An highlighted block
function Hi(obj){
	console.count();
	console.log('hello'+obj)
}
Hi('lily')

在这里插入图片描述
还可分类统计

function greet(user) {
  console.count(user);
  return "hi " + user;
}

greet('bob')
// bob: 1
// "hi bob"

greet('alice')
// alice: 1
// "hi alice"

greet('bob')
// bob: 2
// "hi bob"