无限加载器和筛选器上的重复条目

let isLoading = false;
let allItemsLoaded = false;

function loadMoreItems() {
  if (isLoading || allItemsLoaded) return;
  isLoading = true;

  fetch('/api/more-items')
    .then(response => response.json())
    .then(data => {
      if (data.length === 0) {
        allItemsLoaded = true;
      } else {
        // 确保数据唯一性
        const uniqueItems = data.filter(item => !existingItems.includes(item.id));
        appendItemsToDOM(uniqueItems);
      }
    })
    .catch(error => console.error('Error loading more items:', error))
    .finally(() => {
      isLoading = false;
    });
}

window.addEventListener('scroll', () => {
  if (isNearBottomOfPage()) {
    loadMoreItems();
  }
});

function applyFilters(items, filters) {
  let filteredItems = items;

  for (const [key, value] of Object.entries(filters)) {
    filteredItems = filteredItems.filter(item => item[key] === value);
  }

  // 去重处理
  const uniqueItems = Array.from(new Set(filteredItems.map(item => item.id)))
    .map(id => filteredItems.find(item => item.id === id));

  return uniqueItems;
}