三元运算符条件答案

【问题标题】：Ternary operator condition三元运算符条件
【发布时间】：2021-06-05 21:03:06
【问题描述】：

以下代码使用reduce方法。它输出元素在数组中出现的次数。如果元素出现一次，那么它只输出1，否则如果它是一个重复的项目，那么它就会被添加..

let a = ["a", "b", "c", "a", "b"]

const t = a.reduce((aa, ll) => {
  const count = aa[ll];
  count
    ?
    aa[ll] = count + 1 :
    aa[ll] = 1
  return aa
}, {})

console.log(JSON.stringify(t))

// output 
// { "a":2, "b":2, "c":1 }

问题是关于三元运算中的条件，特别是 count 变量。 count 变量如何分辨真假。

【问题讨论】：

这完全是对条件运算符 IMO 的误用。当您需要条件 表达式 时使用它，而不是替代 if/else。在这里使用它的正确方法是aa[ll] = count ? count + 1 : 1
标准分配是aa[ll] = (aa[ll] || 0) + 1;
任何非零数都被认为是真实的，零是虚假的。
另外，undefined 是假的。因此，如果对象属性不存在，则为 false。
当对象中不存在ll 时，他们利用count 是undefined，并且undefined 在条件下强制转换为false。最好是明确检查财产的存在，例如aa[ll] = ll in aa ? aa[ll] + 1 : 1.

标签： javascript reduce ternary

【解决方案1】：

这个概念分别称为"Truthy" 和"Falsy"。即任何与false、0、-0、0n、NaN、null、undefined 和""（空字符串）不同的东西都可以在Javascript 中计算为true

因此，您将 var counter = aa[ll] 指定为对象 aa 中键 ll 的值。那是一个数字或undefined。如果它是一个数字!== 0 是真的，如果它是0 或undefined 这是假的。因此它可以用于三元运算符。根据counter 的值，将返回第一个或第二个赋值的值（但忽略）。赋值的返回值总是右边的值...

虽然您也可以在三元运算符的表达式中使用赋值，但我个人不会那样使用它，而是将这个赋值写成如下

const t = a.reduce((aa, ll) => {
  aa[ll] = (aa[ll] || 0) + 1;
  return aa
}, {})

(aa[ll] || 0) 将返回 aa[ll] 的值，如果它是真值，则返回 0 否则。因此，在您的情况下，此表达式的结果将始终是数字>= 0。然后将结果加 1（对于当前出现的 ll）并将其分配回 aa[ll]。这比您的原始代码短得多，恕我直言，更具可读性

【讨论】：

【解决方案2】：

这是我找到的答案。

“JavaScript 对象由键值对组成，其中键是唯一的。如果您尝试添加具有不同值的重复键，则该键的旧值将被新值覆盖。”

基本上 count 变量正在检查新属性是否已经存在。

【讨论】：

是的，但是您可以通过aa[ll] = (aa[ll] || 0) +1 轻松实现这一目标
你能提供这个答案吗？谢谢