如何访问 console.table() 中的嵌套对象属性？

Question

Lets say I have the following array of objects:

var data = [
  { id: 123, author: { id: 123 } },
  { id: 123, author: { id: 123 } }
];

How can I populate a column in console.table with the id property of the author object?

This does not seem to work: console.table(data, ['id', 'author.id']);

Answer 1

I'm not sure you can do it with nested properties.

You could use map to pull the data out into a better format and then console.table it:

var out = data.map(function (el) {
  return {
    id: el.id,
    authorId: el.author.id
  };
});

console.table(out);

Answer 2

You can use the optional columns parameter to select a subset of columns to display

 var data = [ { id: 123, author: { id: 123 } }, { id: 123, author: { id: 123 } } ]; console.table(data,['id','author.id'])