如何从 JavaScript 中的嵌套数组对象中提取特定的 属性 作为数组

Question

基本上我想遍历每个对象以获取所有 "Id" 属性 值作为数组。我的对象结构就像-

    {
    Id:'1',
    children:[
        {
            Id:'2',
            children:[{...},{...},...]
        },
        {
            Id:'5',
            children:[
                {
                    Id:'6',
                    children:[{ Id:'7',...},{Id:'8',...}]
                },
                {
                    Id:'9',
                    children:[{...},{...}]
                },
                {...},
                {...},
                .
                .
                .
            ]
        },
        {...}
    ]
}

输出应该像- ['1','2','3',...'9',...]

我正在尝试递归。

  idArr = [];
  getIds(arr) {
    (arr || []).forEach(obj => {
      this.idArr.push(obj.Id);
      this.getIds(obj.children)
    })
  }

有没有更好的方法？如果有人能帮忙就好了。

Answer 1

您可以 return 带有 id 的数组和 children 的平面数组。

function getIds(object) {
    return [object.Id, ...(object.children || []).flatMap(getIds)];
}

var data = { Id:'1', children: [{ Id:'2', children: [] }, { Id:'5', children:[{ Id:'6', children:[{ Id: '7' }, { Id:'8' }] }, { Id:'9', children: [] }] }] };

console.log(getIds(data));