NodeJS - console.table() 方法

---

---

Node.js 的 console.table() 方法会根据方法中传递的参数在 console 中创建一个表格。使用 console.table() 方法创建表格有两种方式，一种是通过构造规则，另一种是不使用构造规则。它有助于组织和显示复杂的对象和数组，使呈现的数据更易于阅读和理解。表格可以通过选项进行自定义，例如列对齐、排序、过滤和标题。

为了更好地理解，让我们深入了解 Node.js 的 console.table() 方法的语法和用法。

语法

以下是 Node.js console.table() 方法的语法：

console.log(tabularData[, properties]);

参数

此方法仅接受两个参数。下面描述了这两个参数。

• 参数 tabularData 是一个包含每一行数据的数组，其中包括该行每一列的值。

• 第二个参数是 properties；用于构造表格，此参数指定属性。

返回值

此方法不返回任何内容；而是尝试使用我们作为参数传递的属性构建一个表格并将其记录。如果参数无法解析为表格形式，则会回退到仅记录参数。

示例

如果我们传递一个无法解析为表格的属性，Node.js 的 console.table() 方法会将其记录并打印到控制台。

在以下示例中，我们向 Node.js 的 console.table() 方法中传递了一个 字符串。

console.table('table');

输出

正如我们在以上输出中看到的，我们传递给 console.table() 方法的参数无法解析为表格形式。因此它只是记录了参数并将其打印到 控制台。

table

示例

如果我们传递一个空数组作为属性，console.table() 方法将返回一个没有行和列的空表格。

在下面的示例中，我们调用 console.table() 方法，不传递任何参数来构造表格。

console.log("Table");
console.table([]);

输出

如果我们编译并运行以上程序，我们可以看到，其中有一个没有行和列的空表格。

Table
┌─────────┐
│ (index) │
├─────────┤
└─────────┘

示例

在下面的示例中，

• 我们通过传递 (包含每一行数据的数组，其中包含该行每一列的值) tabularData 参数来创建表格。

• 然后我们也向第二个参数 properties 中传递值，这些值将用作标题

console.log("Table"); //creating table with construction rule
console.table([{Telugu: 'pushpa', Tamil: 'PS-1', Kannada: 'KGF-1'},
   {Telugu: 'Bahubali', Tamil: '2.0', Kannada: 'KGF-2'},
   {Telugu: 'RRR', Tamil: 'Kabali',  Kannada: 'VikrantRona'}],
   ['Telugu', 'Tamil', 'Kannada']);

输出

如果我们编译并运行以上程序，它将产生以下输出。我们可以看到一个使用我们传递给 console.table() 方法的参数构建的表格。

Table
┌─────────┬────────────┬──────────┬───────────────┐
│ (index) │   Telugu   │  Tamil   │    Kannada    │
├─────────┼────────────┼──────────┼───────────────┤
│    0    │  'pushpa'  │  'PS-1'  │    'KGF-1'    │
│    1    │ 'Bahubali' │  '2.0'   │    'KGF-2'    │
│    2    │   'RRR'    │ 'Kabali' │ 'VikrantRona' │
└─────────┴────────────┴──────────┴───────────────┘

为了更好地理解，请在浏览器的控制台中执行以上代码。以下是以上程序在浏览器控制台中的输出。

正如我们在下图中看到的，我们传递给第一个参数 tabularData 的属性是一个包含每一行数据的数组，其中包括该行每一列的值。

示例

在下面的示例中，我们执行的操作与以上示例类似，但我们不使用第二个参数来指定表格的属性。我们调用 console.table() 方法而不使用构造规则。

console.log("Table");
console.table([{Telugu: 'pushpa', Tamil: 'PS-1', Kannada: 'KGF-1'},
   {Telugu: 'Bahubali', Tamil: '2.0', Kannada: 'KGF-2'},
   {Telugu: 'RRR', Tamil: 'Kabali', Kannada: 'VikrantRona'}]);

输出

如果我们编译并运行以上程序，我们可以看到一个使用我们传递给 console.table() 方法的参数构建的表格。

Table
┌─────────┬────────────┬──────────┬───────────────┐
│ (index) │   Telugu   │  Tamil   │    Kannada    │
├─────────┼────────────┼──────────┼───────────────┤
│    0    │  'pushpa'  │  'PS-1'  │    'KGF-1'    │
│    1    │ 'Bahubali' │  '2.0'   │    'KGF-2'    │
│    2    │   'RRR'    │ 'Kabali' │ 'VikrantRona' │
└─────────┴────────────┴──────────┴───────────────┘

为了更好地理解，请在浏览器的控制台中执行以上代码。以下是以上程序在浏览器控制台中的输出。

正如我们在下图中看到的，我们传递给第一个参数 tabularData 的属性是一个包含每一行数据的数组，其中包括该行每一列的值。