使用 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);