Filter函数范围筛选问题求助：正负混合范围无法正常过滤数据

核心问题 #

你的代码存在两个关键错误：

1. 用字符串比较数字：把数字转成字符串做大小判断完全错误，比如字符串"-4.97"会被判定为大于"-3.21"（因为字符"4"的ASCII码比"3"大），但实际数字-4.97 < -3.21，这直接导致负数范围的筛选逻辑全错。
2. 分支逻辑混乱：没必要单独处理正负输入的情况，反而写出了x.gainLossPercent <= singleInput && x.gainLossPercent <= doubleInput这种不符合区间筛选的条件（这会只保留比两个输入都小的数，不是你要的范围筛选）。

修正后的代码 #

// 先把用户输入转成数字，输入框默认返回字符串，必须转数字才能正确比较
const input1 = Number(this.state.singleInput);
const input2 = Number(this.state.doubleInput);

// 自动确定范围的最小/最大值，兼容用户任意输入顺序（比如先输大值后输小值）
const minRange = Math.min(input1, input2);
const maxRange = Math.max(input1, input2);

// 直接筛选出区间内的元素
const newFilter = filteredData.filter(item => {
  const value = item.gainLossPercent;
  return value >= minRange && value <= maxRange;
});

代码说明 #

• 转数字处理：Number()将输入的字符串转为数值类型，确保后续比较是数值逻辑而非字符串ASCII码逻辑。
• 自动适配输入顺序：用Math.min和Math.max获取区间边界，不管用户输入的是-3和5还是5和-3，都能得到正确的区间[-3,5]。
• 简化筛选逻辑：直接判断元素的gainLossPercent是否在最小/最大值之间，逻辑清晰，覆盖所有正负混合、全正、全负的场景。

测试验证 #

用你提供的数据集测试：

• 输入-3和2，会保留-2.97、1.25、0.26、-1.11、0.58、0.78、-1.24这些符合-3 ≤ x ≤2的元素，结果正确。
• 输入1和7，会保留6.75、1.25，和你之前正常的筛选结果一致。
• 输入-5和-1，会保留-4.97、-2.97、-3.21，负数区间筛选逻辑正常。

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