【问题标题】:How do I access nested objects properties in console.table()?如何访问 console.table() 中的嵌套对象属性?
【发布时间】:2015-02-08 14:25:20
【问题描述】:

假设我有以下对象数组:

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

如何使用作者对象的 id 属性填充 console.table 中的列?

这似乎不起作用:console.table(data, ['id', 'author.id']);

【问题讨论】:

    标签: javascript google-chrome-devtools console.log


    【解决方案1】:

    您可以使用可选的列参数来选择要显示的列子集

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

    【讨论】:

    • 不,这实际上是行不通的。您看到的 id 是第一个 id,而不是作者 id。
    【解决方案2】:

    我不确定你是否可以使用嵌套属性来做到这一点。

    您可以使用map 将数据提取为更好的格式,然后使用console.table 它:

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

    【讨论】:

    • 是的,我看了一会儿...似乎不可能开箱即用。不过,我会用console.table 替换console.log(),从那以后你就得到了OP 想要的结果;-)
    • 是的,这是一个可能的解决方案。但不是我想要的。
    猜你喜欢
    • 2016-07-13
    • 2012-11-12
    • 2021-03-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-09
    • 1970-01-01
    相关资源
    最近更新 更多