在前端开发中，常常需要输出数据到控制台进行调试或查看数据结构，我们可以使用 console.log() 进行输出。但是，当我们需要输出一个复杂的对象或数组时，使用 console.log() 很难看清数据结构，往往需要花费大量的时间去解读它们。这时候， console.table() 这个 npm 包就可以派上用场了。console.table() 可以将数据以表格的形式输出到控制台，方便我们查看数据结构。
安装
首先，我们需要安装 console.table 这个 npm 包。使用以下命令进行安装：
npm install console.table --save-dev
安装成功后，我们就可以在项目中使用 console.table() 方法了。
使用
在我们需要输出数据的地方，我们可以添加以下代码：
-- -------------------- ---- ------- ----- ------------ - ------------------------- ----- ---- - - - --- -- ----- ------- ---- -- -- - --- -- ----- ------- ---- -- -- - --- -- ----- ------ ---- -- - -- --------------------
以上代码中，我们先引入了 console.table 包，然后定义了一个数组 data，并通过 console.table(data) 输出了这个数组。当我们运行代码后，就可以将数据以表格的形式输出到控制台上了。
参数
console.table() 方法接受两个参数：输入的数据和一个可选的列数组。列数组可以指定要在表格中显示的列，可以为字符串或一个数组。
以下示例演示了如何指定列数组：
-- -------------------- ---- ------- ----- ------------ - ------------------------- ----- ---- - - - --- -- ----- ------- ---- -- -- - --- -- ----- ------- ---- -- -- - --- -- ----- ------ ---- -- - -- ----- ------- - ------ -------- ------------------- ---------
通过以上代码可以看出，第二个参数是一个数组，包含了要展示的列名。在这个例子中，表格将会显示 id 和 name 两列。
结论
console.table() 可以使我们方便地输出数据结构到控制台。在调试代码或查看数据结构时，这个方法将会是我们必备的工具之一。希望本篇文章对大家理解 console.table() 的使用方法有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/156221