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 的屬性是一個包含每一行資料的陣列，其中包括該行每一列的值。