javascript - 如何在 react.js 中过滤多个数组上的对象列表？

Question

我需要使用多个过滤器数组来过滤一组项目。输出应仅显示与所有选定过滤器匹配的那些。

例如:主数组包含表的列表

 ID   TypeID   LocationID    Name
 1     2          16          AB
 2     2          22          EF
 3     4          75          PQ
 4     4          40          MN
 5     3          16          AB

我有三个过滤器数组:

 TypeFilter = [2, 3]
 LocationFilter = [22, 16] 
 NameFilter = ["AB","MN"]

应用这些过滤器后，输出应该是这个表的对象列表:

 ID   TypeID   LocationID    Name
 1     2          16          AB
 5     3          16          AB

谢谢

Answer 1

只需通过对应的过滤器过滤每个 key:

const result = items.filter(item =>{
    const {TypeId, LocationId, Name} = item
    return TypeFilter.includes(TypeId) && LocationFilter.includes(LocationId) && NameFilter.includes(Name)
})