JavaScript空对象填充时键名与计数值关联逻辑疑问

JavaScript的普通对象本质是字符串键-任意值的映射存储结构，你写的统计逻辑正是利用了这个特性，天然把球员姓名（字符串键）和进球数（数字值）绑定在了一起，不需要额外维护两者的对应关系。

逐行拆解核心统计逻辑的执行过程 #

你的核心统计代码如下：

const scorers = {};
for (const player of game.scored) {
  scorers[player] ? scorers[player]++ : (scorers[player] = 1);
}
console.log(scorers);

结合你的game.scored数组值['Lewandowski', 'Gnarby', 'Lewandowski', 'Hummels']，每一步执行的实际效果如下：

• 初始状态：scorers是空对象，没有任何键值对。
• 第一轮遍历，当前player值为字符串'Lewandowski'：
  判断scorers[player]（即scorers['Lewandowski']），此时对象中不存在这个键，返回undefined（假值），走三元表达式的赋值分支：scorers['Lewandowski'] = 1
  执行后对象内容：{ Lewandowski: 1 }，完成了「莱万对应1个进球」的绑定
• 第二轮遍历，当前player值为字符串'Gnarby'：
  同理，对象中不存在这个键，赋值为1
  执行后对象内容：{ Lewandowski: 1, Gnarby: 1 }
• 第三轮遍历，当前player值为字符串'Lewandowski'：
  判断scorers['Lewandowski']，当前值为1（真值），走自增分支：scorers['Lewandowski']++，把这个键对应的数值加1
  执行后对象内容：{ Lewandowski: 2, Gnarby: 1 }，莱万的进球数自动更新为2，和键名的绑定关系不会变
• 第四轮遍历，当前player值为字符串'Hummels'：
  键不存在，赋值为1
  执行后最终对象内容：{ Lewandowski: 2, Gnarby: 1, Hummels: 1 }，和控制台打印结果完全一致

和你最初多变量写法的核心差异 #

你最开始写的count0/count1/count2是完全独立的变量，和球员名没有任何原生关联，必须手动写if-else硬编码匹配关系，新增进球球员就要手动加变量、加判断分支，维护成本很高。
而对象存储方案中：

• 球员姓名本身就是对象的唯一键，计数值直接挂载在对应的键下，不需要额外维护映射关系
• 方括号语法scorers[player]支持用变量动态指定键名，遍历到哪个球员，就自动操作哪个球员对应的计数值，不需要提前写死球员名单
• 后续查询任意球员的进球数，只需要通过键名取值即可，比如scorers['Lewandowski']就能直接拿到莱万的进球数2，不需要记忆哪个计数变量对应哪个球员

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