为何JavaScript Reduce未返回长度为3的对象？

别担心，这种问题太常见了！大概率是你在使用reduce时犯了下面两个典型错误之一，我来给你一步步拆解：

错误1：没给reduce设置初始值 #

这是最容易踩的坑！当你调用reduce时如果不传第二个参数（初始累加器值），它会把数组的第一个元素直接作为初始的累加器（acc），然后从第二个元素开始迭代。也就是说，你的第一个元素根本没被当作要处理的项（curr），而是直接成了acc的初始值，自然不会被添加到最终的对象里。

举个例子，假设你的代码是这样的：

const items = ['a', 'b', 'c'];
// 没传初始值{}
const result = items.reduce((acc, curr) => {
  acc[curr] = curr;
  return acc;
});

console.log(Object.keys(result).length); // 输出2，不是3！

这里result最终只会有b和c两个键，因为第一个元素a被当成了初始acc，没有被处理成键值对。

解决方法很简单，给reduce加上初始值{}：

const items = ['a', 'b', 'c'];
const result = items.reduce((acc, curr) => {
  acc[curr] = curr;
  return acc;
}, {}); // 加上初始空对象

console.log(Object.keys(result).length); // 输出3，符合预期！

错误2：回调函数没始终返回累加器 #

reduce的核心逻辑是：每次迭代都会把回调的返回值作为下一次迭代的acc。如果你在某次迭代中忘记返回acc，或者只在特定条件下返回，那后续的迭代就会出问题。

比如这种情况：

const items = ['a', 'b', 'c'];
const result = items.reduce((acc, curr) => {
  acc[curr] = curr;
  // 这里漏掉了 return acc;！
}, {});

第一次迭代后，回调没返回值，默认返回undefined，第二次迭代的acc就变成了undefined，给undefined添加属性根本不会生效，最终你得到的结果可能不是预期的对象，或者长度不足。

解决方法：确保在回调函数的每一条执行路径都返回acc，不管有没有条件判断。

总结 #

检查你的代码，要么是没加初始值{}，要么是回调里漏了返回acc。只要修正这两个点，就能得到长度为3的对象啦！

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