本文详解如何正确计算二维数组中所有元素的乘积，重点指出 length 属性拼写错误（误写为 lenght）导致循环失效的问题，并提供传统 for 循环、for-of、reduce 和 flat + reduce 四种专业级实现方式。
本文详解如何正确计算二维数组中所有元素的乘积，重点指出 length 属性拼写错误（误写为 lenght）导致循环失效的问题，并提供传统 for 循环、for-of、reduce 和 flat + reduce 四种专业级实现方式。
在 JavaScript 中，计算嵌套数组（如 [[1,2], [3,4], [5,6,7]]）所有元素的乘积是一个常见练习，但初学者常因细微拼写错误导致逻辑完全失效。原始代码中两次将 arr.length 和 arr[i].length 错写为 arr.lenght 和 arr[i].lenght——由于 JavaScript 对象不存在 lenght 属性，访问结果为 undefined，而比较操作 i
✅ 正确的基础实现（修正拼写 + 使用现代声明）：
function multiplyAll(arr) {
let product = 1;
for (let i = 0; i < arr.length; i++) {
for (let j = 0; j < arr[i].length; j++) {
product *= arr[i][j];
}
}
return product;
}
const result = multiplyAll([[1,2], [3,4], [5,6,7]]);
console.log(result); // → 5040? 更简洁清晰的写法：使用 for...of 避免索引管理与拼写依赖：
function multiplyAll(arr) {
let product = 1;
for (const subarr of arr) {
for (const num of subarr) {
product *= num;
}
}
return product;
}? 函数式编程推荐方案（高可读性 & 不可变风格）：
利用 Array.prototype.reduce() 实现嵌套归约：
const multiplyAll = (arr) =>
arr.reduce((prod, subarr) =>
prod * subarr.reduce((p, num) => p * num, 1),
1
);✨ 最简优雅解法（ES2019+）：先展平再归约：
立即学习“Java免费学习笔记（深入）”；
const multiplyAll = (arr) => arr.flat().reduce((prod, num) => prod * num, 1);
flat() 将任意深度嵌套数组拍平为一维（默认深度 1，恰好适用于本例），配合单层 reduce 极大提升代码可读性与健壮性。
⚠️ 注意事项：
- 始终校验属性名拼写（length ≠ lenght）；
- 在严格模式或启用 ESLint（如 no-unused-vars, no-undef）时，此类错误可被提前捕获；
- 若数组可能为空或含非数字项，应增加类型校验（如 typeof num === 'number'）和边界处理（如 arr?.length）；
- reduce 的初始值设为 1 是乘法运算的单位元，不可省略或设为 0。
综上，从调试拼写错误出发，我们不仅修复了逻辑缺陷，更延伸出从命令式到函数式的演进路径——选择哪种实现，取决于项目规范、团队习惯及对可维护性与性能的权衡。
