JavaScript条件判断问题：如何根据数值范围输出对应结果？

核心问题分析 #

两段代码存在两个关键错误：

1. JavaScript不支持连续范围比较写法：类似21 < numLevel < 28的数学式判断，在JS中会被拆解为(21 < numLevel) < 28，布尔值会被转换为数字（true→1，false→0），虽然部分场景会巧合得到正确结果，但逻辑本质错误。比如numLevel=31时，28 < numLevel <=30会被计算为true <=30即1<=30，错误触发result 1。
2. 条件分支逻辑错误：第二段代码中最后一个if-else的else仅与最后一个if绑定，导致只要numLevel不在0-7范围内，无论前面的条件是否匹配，都会输出Nan；第一段代码的for循环条件i=25; i>=30初始就不成立，循环体完全不会执行，直接无输出。

修正后的代码 #

方案1：if-else if链式结构（推荐） #

这种结构会在匹配到第一个符合条件的分支后停止执行，避免多余判断，也不会触发错误的else输出：

let numLevel = 25;

if (numLevel > 28 && numLevel <= 30) {
  console.log('result 1');
} else if (numLevel > 21 && numLevel < 28) {
  console.log('result 2');
} else if (numLevel > 15 && numLevel < 21) {
  console.log('result 3');
} else if (numLevel > 10 && numLevel < 15) {
  console.log('result 4');
} else if (numLevel > 7 && numLevel < 10) {
  console.log('result 5');
} else if (numLevel >= 0 && numLevel < 7) {
  console.log('result 6');
} else {
  console.log('NaN'); // 处理超出0-30范围的异常情况
}

当numLevel=25时，会匹配numLevel >21 && numLevel <28分支，输出result 2，符合预期。

方案2：修复独立if逻辑（不推荐，冗余） #

如果坚持使用独立if，需要移除最后一个else，并确保所有范围判断用&&拆分：

let numLevel = 25;

if (numLevel > 28 && numLevel <= 30) {
  console.log('result 1');
}
if (numLevel > 21 && numLevel < 28) {
  console.log('result 2');
}
if (numLevel > 15 && numLevel < 21) {
  console.log('result 3');
}
if (numLevel > 10 && numLevel < 15) {
  console.log('result 4');
}
if (numLevel > 7 && numLevel < 10) {
  console.log('result 5');
}
if (numLevel >= 0 && numLevel < 7) {
  console.log('result 6');
}
// 单独处理超出0-30范围的情况
if (numLevel < 0 || numLevel > 30) {
  console.log('NaN');
}

额外说明 #

• 第一段代码中的for循环完全无必要，逻辑是根据固定的numLevel值判断范围，不需要循环遍历。
• 范围判断时要注意边界值的处理（比如<=和<的区别），确保每个区间无重叠或遗漏。

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