为何Array.prototype.some与三元运算符配合异常？两段代码返回值为何不一致？

一、为什么some和三元运算符配合会“失效”？ #

嘿，这其实是some方法的核心规则没摸透导致的小坑！先给你划重点：some会遍历数组元素，只要回调函数返回一个「真值（truthy）」，就立刻终止遍历并返回true；如果所有元素的回调都返回「假值（falsy）」，则返回false。

你遇到的“无法正常工作”，大概率是这两个原因：

• 坑1：箭头函数加了大括号却没写return
  很多人会犯这个箭头函数的语法错误：

  const arr = [2, 5, 7];
  // 错误写法：大括号包裹的代码块默认没有返回值，回调返回undefined（属于假值）
  const result = arr.some(item => { item > 6 ? true : false });
  console.log(result); // 输出false，因为所有回调都返回undefined
  

  解决办法很简单：要么去掉大括号让箭头函数自动返回结果，要么手动加return：

  // 正确写法1：无大括号自动返回
  const result = arr.some(item => item > 6 ? true : false);
  // 正确写法2：显式加return
  const result = arr.some(item => { return item > 6 ? true : false });
  

• 坑2：三元分支返回了假值类型的非布尔值
  比如你可能不小心让三元的分支返回了0、''这类假值：

  const arr = [3, 6, 9];
  // 匹配到大于5的元素时返回0（假值），其他情况返回空字符串（也是假值）
  const result = arr.some(item => item > 5 ? 0 : '');
  console.log(result); // 输出false，因为所有分支都是假值
  

  解决：确保三元的两个分支返回你预期的真值/假值，最稳妥的是直接返回true或false。

二、为什么两段代码会返回true和false？ #

结合上面的规则，两段代码的差异几乎肯定是回调函数的返回值逻辑不同。我给你举两个最常见的场景：

场景1：一个有明确return，一个没有 #

返回true的代码：

const nums = [1, 4, 7];
// 无大括号的箭头函数自动返回三元结果，7>5时返回true（真值）
const hasBigNum = nums.some(num => num > 5 ? true : false);
console.log(hasBigNum); // true

返回false的代码：

const nums = [1, 4, 7];
// 加了大括号却没写return，回调默认返回undefined（假值）
const hasBigNum = nums.some(num => { num > 5 ? true : false });
console.log(hasBigNum); // false

场景2：三元的分支逻辑不符合预期 #

返回true的代码：

const fruits = ['apple', 'banana', 'mango'];
// 匹配到banana时返回true（真值），触发some返回true
const hasBanana = fruits.some(fruit => fruit === 'banana' ? true : false);
console.log(hasBanana); // true

返回false的代码：

const fruits = ['apple', 'banana', 'mango'];
// 所有分支都返回假值，some遍历完所有元素后返回false
const hasBanana = fruits.some(fruit => fruit === 'banana' ? 0 : '');
console.log(hasBanana); // false

总结一下：some的行为完全由回调的返回值是否为真值决定，抓住这个核心，这类问题就能快速排查啦！

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