三元运算符条件

Question

以下代码使用了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 变量如何解析 true 或 false。

Answer 1

这是我找到的答案。

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

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

Answer 2

这个概念分别叫做"Truthy" and "Falsy"。即不同于 false、0、-0、0n、NaN、null、undefined 和 [= 的任何内容18=]（空字符串）可以在 Javascript

中计算为 true

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

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

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

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

三元运算符条件

Ternary operator condition

javascript

reduce

ternary