如何在filter函数中正确使用三元运算符实现目标过滤逻辑？

你的问题出在当前filter是逐元素判断，没有先全局检查是否存在target_variable为true的对象，导致只要单个元素的target_variable为false，就会执行else分支的过滤条件，哪怕数组里已经有符合target_variable为true的元素。

修复后的代码 #

<Autocomplete
  options={
    activeColumns
      ? (() => {
          // 先全局判断是否存在target_variable为true的元素
          const hasTargetTrue = activeColumns.some(data => data.target_variable === true);
          return activeColumns.filter(data => {
            if (hasTargetTrue) {
              return data.target_variable === true;
            } else {
              return data.column_name !== 'pk' && data.data_type !== 'TEXT';
            }
          });
        })()
      : []
  }
/>

逻辑说明 #

1. 先用activeColumns.some(...)全局检查数组里是否有任意一个元素的target_variable为true，得到hasTargetTrue这个布尔值
2. 再根据hasTargetTrue的值决定过滤规则：
   • 如果为true，只保留target_variable === true的元素
   • 如果为false，保留column_name !== 'pk'且data_type !== 'TEXT'的元素

原代码问题分析 #

原代码的filter逻辑是对每个元素单独判断：当前元素的target_variable为true就留，否则就走else条件。这意味着只要元素自己的target_variable是false，不管数组里有没有其他true的元素，都会去判断是否符合else的条件，所以会把那些符合else条件的false元素也留下来，完全不符合你“存在true就只留true”的需求。

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