在嵌套数组上使用.filter的Javascript

Question

我希望有一种方法可以将.filter()用于嵌套array以使事情在眼睛上更容易一些。

这是我想要的基本示例。

[
 {
  people: [
           {
            name: 'sam',
            id: 1
           }
           {
            name: 'john',
            id: 2
           }
          ]
 },
  people: [
           {
            name: 'marry',
            id: 1
           },
           {
            name: 'paul',
            id: 1
           }
          ]
 },
 ...
]

我可以使用.filter获取所有ID为1的人吗？

我可以通过将.filter与

for(...){
   for(...){
   ...
   }
 ...
}

但是我并不是真的想要嵌套循环，因为这会增加不必要的复杂性。

编辑：我想输出看起来像嵌套的人对象的单个数组

       [{
        name: 'sam',
        id: 1
       },
       {
        name: 'john',
        id: 1
       },
       {
        name: 'john',
        id: 1

      ]

Answer 1

您可以使用Array#filter和Array#map 。

 var arr = [{people:[{name:'sam',id:1},{name:'john',id:2}]},{people:[{name:'marry',id:1},{name:'paul',id:1}]}], res = [].concat(...arr.map(v => v.people.filter(c => c.id == 1))); console.log(res); 

Answer 2

filter当然可以成为解决方案的一部分：

const people = [];
for (const obj of data) {
    people.push(...obj.people.filter(p => p.id === 1));
}

 const data = [ { people: [ { name: 'sam', id: 1 }, { name: 'john', id: 2 } ] }, { people: [ { name: 'marry', id: 1 }, { name: 'paul', id: 1 } ] } ]; const people = []; for (const obj of data) { people.push(...obj.people.filter(p => p.id === 1)); } console.log(people); 

 .as-console-wrapper { max-height: 100% !important; } 

（如果愿意，可以使用data.forEach而不是for-of循环。）

Answer 3

您可以使用ES5方法来合并过滤后的数组。

 var array = [{ people: [{ name: 'sam', id: 1 }, { name: 'john', id: 2 }] }, { people: [{ name: 'marry', id: 1 }, { name: 'paul', id: 1 }] }], result = [].concat.apply([], array.map(function (a) { return a.people.filter(function (p) { return p.id === 1; }); })); console.log(result); 

 .as-console-wrapper { max-height: 100% !important; top: 0; }