如何使用下拉列表过滤对象数组

<select id="filterSelect">
  <option value="all">全部</option>
  <option value="category1">分类1</option>
  <option value="category2">分类2</option>
  <option value="category3">分类3</option>
</select>

const filterSelect = document.getElementById('filterSelect');

filterSelect.addEventListener('change', function() {
  // 在这里编写过滤对象数组的逻辑
});

const data = [
  { name: '对象1', category: 'category1' },
  { name: '对象2', category: 'category2' },
  { name: '对象3', category: 'category1' },
  { name: '对象4', category: 'category3' },
];

filterSelect.addEventListener('change', function() {
  const selectedCategory = filterSelect.value;

  if (selectedCategory === 'all') {
    // 显示全部数据
    displayData(data);
  } else {
    // 根据选项过滤数据
    const filteredData = data.filter(obj => obj.category === selectedCategory);
    displayData(filteredData);
  }
});

function displayData(data) {
  // 在这里更新显示的数据
}