使用 console.table() javascript 打印時如何將列名添加到二維數組

Question

如果我有這樣的二維數組......

var x = [
  [0, 1, 2],
  [0, 1, 2],
  [0, 1, 2]
]

我想使用console.table()將它打印到控制台，但我也想添加列名，我該怎么做？

我在文檔中看到，當它是一個對象數組時，它真的很容易，但是當我嘗試將列名添加到這個二維數組時，它會混淆數組維度並且無法正確打印。

編輯：到目前為止，所有答案都說明了我所說的我已經知道的，這很容易用一組對象來完成。 我的問題是，“如果您傳遞二維數組，是否可以添加列名。”

Answer 1

我試圖用你的二維數組來 console.table 與 object 數組進行比較，希望這就是你要找的。

Answer 2

您需要將對象數組傳遞給console.table()以便它顯示列名，例如下面使用您的數據：

const arrayOfObjects = new Array(10).fill({
  columnOne : 0,
  columnTwo: 1,
  columnThree: 2
})

console.table(arrayOfObjects)

這是直接來自 Chrome 中的開發者工具控制台的屏幕截圖。

可以在此處找到有關此 function 的更多信息： https://developer.mozilla.org/en-US/docs/Web/API/Console/table

Answer 3

如果數組包含對象，則使用屬性名稱標記列。 因此，您可以將元素轉換為具有相關名稱作為屬性的對象。

var x = [
  [0, 1, 2],
  [0, 1, 2],
  [0, 1, 2]
]

function ARR(first, second, third) {
    this.first = first;
    this.second = second;
    this.third = third;
}

let itemArr = x.map( item => new ARR(...item))

console.table(itemArr);