无法让过滤器方法适用于我的 flatList

Question

我一直在尝试过滤掉用户输入的项目的名称，并告诉他们该项目已找到，如果该项目不存在，那么用户也应该收到警报，但由于某种原因我不知道我的过滤方法似乎不起作用。 这是我现在拥有的 flatList。

const data = [
  {
    groceryItem: 'Apple',
    price: '$2.99',
    category: 'Produce',
    src: require('./assets/apples.jpg'),
    id: Math.floor(Math.random() * 100) + 1
  },
  {
    groceryItem: 'Pear',
    price: '$2.49',
    category: 'Produce',
    src: require('./assets/pear.jpg'),
    id: Math.floor(Math.random() * 100) + 1
  }]

这是我必须在列表中搜索项目的代码。 NameInput 是用户输入，设置为用户输入的内容。

 const [nameInput, setNameInput] = useState('');
 const [itemsList, setItemsList] = useState(data); //storing data items temporarily

 const searchItem = () => {
    if (nameInput == "") {
      Alert.alert("At least an input is empty.");
    } 
    else if (itemsList.filter(itemFound)) {
      Alert.alert("Item " + nameInput + " has been found." + '\n' + 'You want to add it in the list?'+"\n"+"If, yes click on the modal below.");
    }
  };


function itemFound(item) {
  if (item.groceryItem == nameInput ) {
    return item;
  }else{
    Alert.alert(nameInput +" isn't available. Sorry!");
  }
} 

稍后，当单击该按钮时，应提醒用户该项目是否存在于列表中。 我不知道让我的过滤器方法在这里工作我缺少什么。 如果有人可以帮助我，那就太好了。 提前致谢！

Answer 1

您不能返回过滤器 function 内的项目。 它返回true或false 。 过滤器自己返回一个新的（过滤的）数组。

尝试找到这样的产品：

const searchItem = () => {
    if (nameInput === "") {
        Alert.alert("At least an input is empty.");
    } 
    else if (itemFound()) {
        Alert.alert("Item " + nameInput + " has been found." + '\n' + 'You want to add it in the list?'+"\n"+"If, yes click on the modal below.");
    }
};

function itemFound() {
    for (let item of itemsList) {
        if (item.groceryItem === nameInput)
            return true;
    }

    return false;
}

Answer 2

如果您只想查看该项目是否在列表中，您可以使用Array.some如果找到则返回true ，如果未找到则返回false 。

如果您想访问相关的 object，您可以使用Array.find将返回 object 或undefined 。 Array.filter将返回一个包含所有匹配对象的数组，而find将返回找到的第一个对象，因此这取决于您要做什么

const searchItem = () => {
    const itemFound = itemsList.some(item => item.groceryName === nameInput);

    if (nameInput == "") {
      Alert.alert("At least an input is empty.");
    } else if (itemFound) {
      Alert.alert("Item " + nameInput + " has been found." + '\n' + 'You want to add it in the list?'+"\n"+"If, yes click on the modal below.");
    } else {
      Alert.alert("not found..."
    }
  };