javascript - 如何在 React Native 中过滤掉之前未添加到数组中的项目？

Question

每当用户在我们的应用中进行产品搜索时，我们都需要将搜索结果缓存在本地存储中，以便当他们离线并执行搜索时，它可以提取以前搜索过的项目。对于每个新搜索，我们只需将新项目添加到 searchCache 中。因此，如果他们先搜索“be”，然后搜索“b”，则会出现重叠的结果，但我们不想添加已存储的项目。但这目前不起作用，因为它仍然返回搜索中的所有项目而不是过滤它们。有谁知道如何实现这一目标？

我想按 id 过滤搜索结果。比较 ids 以返回具有不在 searchCache 中的 id 的项目。

newItems = searchResults.filter((searchResult) => {
    return searchCache.find(searchCacheItem => searchCacheItem.id !== searchResult.id);
});

这是整个操作函数:

export function handleProductSearch(searchTerm) {
    return (dispatch, getState) => {
        return dispatch(getProductList(searchTerm)).then((results) => {
            const searchResults = results.items;

            // Get previously stored product search cache
            AsyncStorage.getItem(STORAGE_KEY_PRODUCT_SEARCH_CACHE).then((results) => {
                return JSON.parse(results);
            }).then((response) => {
                const searchCache = response || [];
                let newItems = [];

                if (searchCache.length > 0) {
                    // Check for duplicates in the recently added items.  Only add the items that are new and not already in the searchCache.
                    newItems = searchResults.filter((searchResult) => {
                        return searchCache.find(searchCacheItem => searchCacheItem.id !== searchResult.id);
                    });
                }

                searchCache.push(newItems.length > 0 ? newItems : searchResults);
                AsyncStorage.setItem(STORAGE_KEY_PRODUCT_SEARCH_CACHE, JSON.stringify(searchCache));
            }).catch(err => {
                console.log('Error retrieving product search cache: ', err);
            });
        });
    };
}

Answer 1

您应该首先检查该项目是否已存在，如果不存在，则将其推送到数组。

示例

let newItems = [];

if (searchCache.length > 0) {
  // Check for duplicates in the recently added items.  Only add the items that are new and not already in the searchCache.
  searchResults.forEach(searchResultItem => {
    if(!searchCache.find(searchCacheItem => searchCacheItem.id === searchResultItem.id)) newItems.push(item)
  });
}