布尔值可以产生数值吗？

Question

我已经为我在处理 JavaScript 数据结构时的一个测验找到了一个解决方案，其中一个对象（命名为游戏）如下所示。

const game = {
  score: '4:0',
  scored: ['Lewandowski', 'Gnarby', 'Lewandowski', 'Hummels'], //Names of players
  date: 'Nov 9th, 2037',
  odds: {
    team1: 1.33,
    x: 3.25,
    team2: 6.5,
  },
};

测验或挑战是：创建一个名为“scorers”的对象，其中包含作为属性得分的球员的姓名，以及作为值的进球数。在这个游戏中，它会是这样的：

{
  Gnarby: 1,
  Hummels: 1,
  Lewandowski: 2
}

我找到了以下解决方案：

let scorers = {};
let arr = Object.values(game.scored);
for(const player of arr) {
   scorers[player] = (scorers[player] || 0) + 1;
}
console.log(scorers);

// {Lewandowski: 2, Gnarby: 1, Hummels: 1}

我的问题是语法scorers[player] = (scorers[player] || 0) + 1;如何为每个玩家属性生成值，尽管它是真或假，以及如何在最后添加1，尽管它是数字类型？如何用简单的语言解释这段代码？

Answer 1

与其他一些语言不同，JavaScript 允许将其他数据类型用于看起来像纯粹的布尔运算符。在这种情况下，JavaScript 会暂时将非布尔值解释为“虚假”或“真实”。

有两种情况：

• scorers[player] 未定义。在这种情况下，|| 操作数会将该值标识为“假”值，因此将继续计算正确的操作数，即 0。因此，(undefined || 0) 的计算结果为 0。

• scorers[player] 已定义，并且（对于此程序）它将是一个正数。在这种情况下，|| 操作数会认为它是“真实的”，而不是评估正确的操作数。所以(1 || 0) 的计算结果为 1。

注意：在现代 JavaScript 中，现在更好的做法是在此用例中使用 ?? 运算符而不是 ||。

Answer 2

scorers[player] || 0 语法在 JavaScript 中被称为 short circuit。

就像逻辑代数中的AND, OR AND NOT 一样简单。默认情况下，JS Object 中不存在的属性会产生 undefined( 这意味着 Boolean false )。 以下是JS中短路的一些用法。

您的语句scorers[player] = (scorers[player] || 0 将产生 socres[player] 结果（如果存在）或 0。当您确实将 1 添加到它时，它将增加当前玩家的目标计数。这将导致玩家当前得分为 0 或 +1。该语句中涉及的每个步骤如下所示。