使用值对按对象数组过滤

Question

我有一个对象数组

var array = [
 {id: true, category: "cat1", name: "test1"},
 {id: true, category: "cat2", name: "test2"},
 {id: true, category: "cat3", name: "test3"},
 {id: true, category: "cat4", name: "test4"},
 {id: true, category: "cat5", name: "test5"}
]

如果有匹配的数组值如何过滤？

这是我的脚本：

let filtered = this.array.filter((array) => {
    return array.name.toLowerCase().includes(this.keyword.toLowerCase());
});

var category = [];

if(category.includes("All")) {
   return filtered;
} else {
   return filtered.filter((array) => {
     var keys = Object.keys(array);
     var matchFilter = false;
     category.forEach((key) => {
       if(array[key] === true) {
         matchFilter = true;
       }
     });
     return matchFilter;
   });
}

然后我在前端有一个复选框来存储变量 category 的值

<input type="checkbox" v-model="selectedCategory" value="All">
<input type="checkbox" v-model="selectedCategory" value="1">
<input type="checkbox" v-model="selectedCategory" value="2">
<input type="checkbox" v-model="selectedCategory" value="3">
<input type="checkbox" v-model="selectedCategory" value="4">
<input type="checkbox" v-model="selectedCategory" value="5">

现在，如果检查的值与我的对象数组的 ID 匹配，它只会返回我。我的预期输出是也按类别或名称的值对其进行过滤。

Answer 1

如果我理解正确，你可以使用Array.protoype.filter 来完成这个确切的任务。

var array = [
 {id: true, category: "cat1", name: "test1"},
 {id: true, category: "cat2", name: "test2"},
 {id: true, category: "cat3", name: "test3"},
 {id: true, category: "cat4", name: "test4"},
 {id: true, category: "cat5", name: "test5"},
]

const getByCateg = (arr, categ) => {
  if (categ === "All") return array;
  return arr.filter((item) => item.category === categ);
}

console.log(getByCateg(array, "All"), getByCateg(array, "cat2"))