JavaScript 三元运算符正确用法与空数组判断逻辑详解

本文深入解析 JavaScript 三元运算符的语法结构、常见误用（如将数组本身当作布尔条件、错误比较空数组），并给出判断非空数组并分支返回的正确写法。

三元运算符的实际用法与常见陷阱

先聊一个常见问题：JavaScript 三元运算符到底怎么用才不出错？很多人把它当成 if-else 的简洁写法，但实际上它是一个条件表达式，含义和求值机制都大不一样。简单说，它会先把 condition 部分强制转换为布尔值，然后再根据真假决定返回哪一侧的结果。

假如你写了这样一段代码：遍历从 2 到 integer/2 的所有整数，收集能整除的因数并返回数组。第一段简单直接的实现没问题，结果正确返回 [3, 5]。但到了第二段代码，问题就来了：

return divisors  divisors != [] : `test${interger} is prime`;

这段代码乍看有点道理，实际却布满了陷阱。细数一下，至少有三个致命错误：

1. 条件判断就翻车了：divisors 是一个数组引用，而数组是对象。在 JavaScript 里，所有对象（包括空数组）在布尔上下文里都是 true。所以 divisors ... : ... 这一句，永远走的是 true 分支，绝无可能走进 'test... is prime' 那条路。

2. 判断空数组的方式完全错了：divisors != [] 并不是在问“数组是否为空”。因为每次创建的 [] 都是一个全新的引用，两个独立的数组引用永远不会相等，哪怕是空数组也一样。所以 divisors != [] 的求值结果永远是 true（除非 divisors 恰好指向那个字面量 []，但代码里是 let divisors = []，又是一个新引用）。正确做法是检查 divisors.length === 0 或者利用 length 属性的 truthy/falsy 特性。

3. 模板字符串的语法搞混了：使用了单引号 ' 而不是反引号 `，而且变量名拼写还错了（interger 应该是 integer）。这个倒是比较明显，但写代码时很容易手误。

正确的三元运算符写法与空数组判断

怎么改才正确？来看这个版本：

function divisors(integer) {
  const divisors = [];
  // 修正循环边界：i <= integer / 2（或者更优：i <= Math.floor(Math.sqrt(integer))）
  for (let i = 2; i <= integer / 2; i++) {
    if (integer % i === 0) {
      divisors.push(i);
    }
  }
  // 正确使用三元运算符：以 length 为条件，反引号包裹模板字符串
  return divisors.length  divisors : `${integer} is prime`;
}

console.log(divisors(15)); // [3, 5]
console.log(divisors(13)); // "13 is prime"

这里面关键的一点是，用 divisors.length 作为布尔条件——长度为零时是 falsy，表示空数组；长度大于零就是 truthy，返回数组本身。这种方式安全又清晰，与引用比较无关。

实战建议：优化质数判定与数组判空

额外给几点实战建议：

• 质数判定可以进一步优化，遍历到 Math.sqrt(integer) 即可，同时收集 i 和 integer / i，避免重复操作；
• 用 const 声明 divisors 更符合函数式编程习惯，也能避免意外修改；
• 一定要分清楚 ==/=== 与引用的区别——数组判空永远用 .length，别去想着用 [] 来比，那结果绝对不可靠。

总结：掌握三元运算符与数组判空的核心

说到底，掌握三元运算符的核心，就是记住它三段式的结构和布尔转换规则；而数组判空，始终依赖 .length 属性——这才是 JavaScript 中最稳妥、最语义明确的做法。