React Native中如何获取数组中所有匹配值？

问题原因 #

你写的判断表达式((Sports[0] || Sports[1]) || (Sports[2] || Sports[3]))逻辑完全错误：JavaScript的||是逻辑或运算符，会返回第一个遇到的"真值"（非空字符串、非0等）。你的数组第一个元素是"Football"，属于真值，所以这个表达式永远只会返回"Football"，后面的== "Volleyball"、== "Squash"自然永远不成立，只会触发Football的alert。

修正方案 #

方案1：遍历数组逐个匹配 #

如果需要对数组里的每个元素做判断（比如未来可能要处理每个元素的其他逻辑），用forEach遍历最直接：

useEffect(() => {
  Sports.forEach(sport => {
    switch(sport) {
      case "Volleyball":
        alert('Volleyball');
        break;
      case "Football":
        alert('Football');
        break;
      case "Squash":
        alert('Squash');
        break;
      // 可添加default分支处理其他运动
    }
  });
}, [Sports]);

也可以用if分支替代switch，根据个人习惯选择即可。

方案2：直接检查数组是否包含目标值 #

如果只是需要确认数组里存在某个值就触发操作，用数组的includes方法更简洁：

useEffect(() => {
  if (Sports.includes("Volleyball")) alert('Volleyball');
  if (Sports.includes("Football")) alert('Football');
  if (Sports.includes("Squash")) alert('Squash');
}, [Sports]);

这个方法会检查整个数组，只要目标值存在就执行对应alert，不受元素位置影响。

内容的提问来源于stack exchange，提问作者manny