如何使用三元运算符简化reduce统计函数中的if语句并修复计数异常问题

这个问题的核心是你对JavaScript中后置递增运算符的返回值逻辑理解有误。

为什么改写后输出0？ #

你用的count++是后置自增：它会先返回当前count的原始值，然后再把count的数值加1。在你的三元表达式里：

value === element ? count++ : count

当匹配到目标元素时，你返回的是自增前的count值，而不是自增后的结果。这就导致累加器根本没有真正完成“计数+1”的操作，最终结果停留在初始的0。

两种正确的简化方式 #

方式1：使用count + 1（推荐，纯函数式风格）

直接返回加1后的数值，不需要修改累加器变量，逻辑更清晰，符合reduce的函数式设计：

function count(array, element) {
  return array.reduce((count, value) => value === element ? count + 1 : count, 0);
}

方式2：使用前置自增++count

前置自增会先把count加1，再返回更新后的数值，也能实现正确计数：

function count(array, element) {
  return array.reduce((count, value) => value === element ? ++count : count, 0);
}

验证效果 #

调用count(arr2, '諾')时，两种方式都会正确返回2，和你最初的if版本功能一致。

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