函数中访问对象键值对：如何解决乘法返回NaN的问题？

首先，出现NaN的核心原因几乎都是非数字值参与了乘法运算——比如初始值设置错误、某个对象没有mysteryNumber属性、属性值是字符串/undefined/null这类无法参与乘法的类型。下面我会给出修复方案，以及关键细节的解释：

常见错误示例（导致NaN的典型写法） #

比如你可能写了类似这样的函数：

function multiplyMysteryNumbers(objList) {
  let total = 0; // 初始值设为0是大坑！
  for (const obj of objList) {
    total *= obj.mysteryNumber;
  }
  return total;
}

这个写法的问题：

1. 初始值为0：乘法的单位元是1，0乘以任何数都会保持0，而且如果数组为空或者第一个mysteryNumber是undefined，直接会得到NaN
2. 没有做值的有效性校验：如果某个对象没有mysteryNumber，或者值不是有效数字，都会导致乘法结果变成NaN

修复后的函数 #

function multiplyMysteryNumbers(objList) {
  // 处理空数组的情况：数学上空乘积的结果是1，也可以根据你的需求改成0
  if (objList.length === 0) return 1;

  let total = 1; // 乘法初始值必须是1
  for (const obj of objList) {
    const num = obj.mysteryNumber;
    // 严格校验：确保是有效数字，排除undefined、字符串、NaN等情况
    if (typeof num === 'number' && !isNaN(num)) {
      total *= num;
    } else {
      // 可选：打印警告提示无效值，方便调试
      console.warn(`跳过无效的mysteryNumber: ${num}（来自对象：${JSON.stringify(obj)}）`);
    }
  }
  return total;
}

关键修复点说明 #

• 初始值设为1：这是乘法运算的核心——1和任何数相乘都不会改变其值，空数组返回1也符合数学上的空乘积定义（如果你的业务场景中空数组需要返回0，可以直接修改return值）
• 有效性校验：通过typeof num === 'number'确保是数字类型，再用!isNaN(num)排除本身就是NaN的情况，彻底避免非有效值参与运算
• 错误提示：可选的警告日志能帮你快速定位哪个对象出了问题，方便调试

测试示例 #

// 正常场景
const validObjects = [
  { mysteryNumber: 2 },
  { mysteryNumber: 3 },
  { mysteryNumber: 5 }
];
console.log(multiplyMysteryNumbers(validObjects)); // 输出30，正确

// 包含无效值的场景
const mixedObjects = [
  { mysteryNumber: 4 },
  { name: "无数字属性" },
  { mysteryNumber: "10" }, // 字符串类型
  { mysteryNumber: NaN }
];
console.log(multiplyMysteryNumbers(mixedObjects)); // 输出4，同时打印3条警告

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