从 Javascript 中嵌套数组内的对象中过滤数据的最佳方法

Question

给定以下数据，如何按框架过滤数据并返回名称和项目？ 我正在尝试设置一个搜索框来调用过滤器 function。

如果数据在数组中，我可以这样做，但不确定如何在这个嵌套数组和 object 场景中工作。

const data = [

  { 

     name: 'John Doe', 
     projects: [ 
                 { ProjectName: 'something', Framework: 'React' },
                 { ProjectName: 'something', Framework: 'React Native' },
                 { ProjectName: 'something', Framework: 'NextJS' },
               ]
  },
  { 

     name: 'Jane Doe', 
     projects: [ 
                 { ProjectName: 'something', Framework: 'Vanilla Javascript' },
                 { ProjectName: 'something', Framework: 'Angular' },
                 { ProjectName: 'something', Framework: 'Flutter' },
               ]
  }


]

我可以使用这个按名称过滤：

const filteredData = data.filter((item) => {
    return item.name.toLowerCase().includes(searchField.toLowerCase());
  });

但我不确定如何按项目名称或框架进行过滤。

Answer 1

在您的过滤器中，您可以使用一些如果条件至少满足一次将返回 true 示例：您将能够让每个用户都具有给定的项目名称

let filteredData = data.filter(i => i.projects.some(p => p.ProjectName === 'something'))

如果您正在寻找内部过滤的对象，这意味着，删除没有正确项目名称的无用项目，您可以在过滤的数据上添加 map

filteredData.map(i => { 
   i.projects = i.projects.filter(p => p.ProjectName === 'something');
   return i;
})