JavaScript中使用reduce()意外修改原数组，与文档描述不符的问题

我声明了如下数组：

let arr = [
  { id:"aa", vals:[1,2,3] }, 
  { id:"cc", vals:[3,4,5] }, 
  { id:"bb", vals:[2,3,4] }
];

在控制台打印后，能确认每个元素都包含两个字段：字符串类型的id和数字数组vals，和预期一致。

之后我对这个数组执行了reduce()方法，代码如下：

let reduction = arr.reduce((a,b) => a[b.id] = b, {});

我的预期是得到一个单独的对象，它的字段对应原数组中元素的ID值——也就是aa、bb和cc，每个字段都存储原数组中对应的元素。

但实际结果却和预期不符：只有最后一个元素符合预期，前两个元素莫名其妙被修改了，还多出来额外的字段。重点是：原数组本身被改变了！

按照文档的描述：

The reduce() method does not change the original array.

可实际情况却并非如此，这到底是怎么回事呢？

备注：内容来源于stack exchange，提问作者Konrad Viltersten