有没有办法根据选中的更改的多个复选框值来过滤对象数组

// 假设有一个对象数组
const data = [
  { name: 'Apple', category: 'fruit' },
  { name: 'Banana', category: 'fruit' },
  { name: 'Carrot', category: 'vegetable' },
  { name: 'Tomato', category: 'vegetable' },
];

// 监听复选框改变事件，获取选中的复选框值
const checkboxes = document.querySelectorAll('input[type="checkbox"]');
checkboxes.forEach((checkbox) => {
  checkbox.addEventListener('change', filterData);
});

// 过滤数据函数
function filterData() {
  // 获取选中的复选框值
  const selectedValues = Array.from(checkboxes)
    .filter((checkbox) => checkbox.checked)
    .map((checkbox) => checkbox.value);

  // 构建过滤逻辑
  const filterFn = (item) => selectedValues.includes(item.category);

  // 过滤对象数组
  const filteredData = data.filter(filterFn);

  // 输出过滤结果
  console.log(filteredData);
}