如何遍历嵌套对象并累加指定数值属性的总和

本文讲解如何正确遍历 javascript 中的嵌套对象（如用户-属性映射结构），提取每个子对象中特定数值属性（如 `numberofdrinks`）并计算其总和，避免常见索引错误。

在处理类似 { ‘Alice’: { count: 5 }, ‘Bob’: { count: 3 } } 这样的键值对结构时，一个典型误区是误将 Object.values() 返回的对象数组当作原始键名来访问外层对象（如 drunks[drink]），而实际上 drink 已经是 { numberOfDrinks: 10 } 这样的对象，直接访问其属性即可。

以下为修正后的完整实现：

const drunks = {   'Cheryl': { numberOfDrinks: 10 },   'Jeremy': { numberOfDrinks: 4 },   'Gordon': { numberOfDrinks: 2 },   'Laura': { numberOfDrinks: 6 } };  let totalDrunks = 0; const numberOfDrunks = Object.values(drunks);  numberOfDrunks.forEach(drink => {   totalDrunks += drink.numberOfDrinks; // ✅ 正确：直接读取子对象属性 });  console.log(totalDrunks); // 输出：22

✅ 关键点说明：

• Object.values(drunks) 返回的是 [ { numberOfDrinks: 10 }, { numberOfDrinks: 4 }, … ] —— 一个纯对象数组；
• drink 是循环中的单个对象（如 { numberOfDrinks: 10 }），因此应使用 drink.numberOfDrinks 获取数值；
• 原代码 drunks[drink] 等价于 drunks[{ numberOfDrinks: 10 }]，因对象无法作为有效属性键，结果为 undefined，导致累加 NaN。

? 更现代、更简洁的写法（推荐）：

const totalDrunks = Object.values(drunks)   .reduce((sum, person) => sum + person.numberOfDrinks, 0);

⚠️ 注意事项：

• 若数据中可能存在缺失或非数字值（如 numberOfDrinks: NULL 或 undefined），建议增加类型防护：

  sum + (Number(person.numberOfDrinks) || 0)

• 对于深层嵌套（如 person.stats.drinks.total），可结合递归或 Lodash 的 get() 安全取值。

掌握 Object.values() 与属性链访问的配合，是高效处理配置型、用户型嵌套数据的基础技能。