Javascript Vue Typescript按数组列表筛选布尔值的对象

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

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

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

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

我想将过滤器与逻辑AND结合起来。有没有办法过滤列表

---

作为输入，我有一个列表作为上面显示的数据列表。输出类似于整个数据列表中的一个子集（取决于筛选值）。

您能给出示例输入和输出吗？很难说出你在说什么。这和Vue或typescript有什么关系吗？这个问题非常广泛，如果你提到typescript，那么就更难帮助你了，因为它显然与你的问题无关。它是在typescript上下文中，所以如果我可以使用任何只存在于ts中的筛选器或映射方法，我想这可能会有帮助我编辑了这个问题，希望现在更容易理解，您可以看到一个示例输入