javascript - Vue Typescript通过数组列表过滤布尔值对象

Question

我有一个要应用多个过滤器的数据列表。数据列表包含对象，其中包括具有多个布尔值的对象，如下所示：

dataList: 
[
 {
   id: 1,
   characteristic1: {
     prop1: true,
     prop2: true,
     prop3: false
   },
   characteristic2: {
     prop4: true,
     prop5: false
   }
 },
 {
   id: 2,
   characteristic1: ...
 }
]

作为过滤器，我为每个特征都有数组，其中道具是字符串值（通过复选框添加或删除）。像这样：

characteristic1 = ["prop1", "prop3"]
characteristic2 = ["prop4"]

我想将过滤器与逻辑 AND 结合起来。有什么方法可以过滤列表吗？

作为输入，我有一个列表作为上面显示的数据列表。输出将是类似的，只是整个数据列表的子集（取决于过滤器值）。

标签： javascript