如何使用reduce实现为数组中每个对象添加指定属性？

嘿，我来帮你搞定这个用reduce实现需求的问题！首先得说，你用for循环写的版本完全没问题，但既然想试试reduce，我给你两种思路，分别对应修改原数组和生成新数组两种场景：

1. 和原for循环行为一致：直接修改原数组 #

如果你希望函数和原来的for循环一样，直接修改传入的数组（有副作用），可以这样写reduce版本：

function bz(zarr, zkey, zval) {
  // 用reduce遍历数组，只做修改操作，不需要累加结果
  zarr.reduce((accumulator, currentObj) => {
    // 给当前对象添加指定键值对
    currentObj[zkey] = zval;
    // 这里返回累加器就行，我们不需要用它存东西，随便传个初始值（比如null）
    return accumulator;
  }, null);
}

// 调用测试
var arr = [{name: 'Alex'},{name: 'Mia'},{name: 'David'}];
bz(arr,'areWeAwesome','shuAr');
console.log(arr); // 输出目标数组

这个写法里，reduce的核心作用就是遍历数组，我们利用它的遍历特性来修改每个对象，累加器在这里只是个“占位符”，因为我们不需要生成新的结果。

2. 更符合reduce设计：生成新数组（无副作用） #

如果想遵循函数式编程的理念，不修改原数组，而是返回一个全新的数组，这才是reduce最擅长的场景：

function bz(zarr, zkey, zval) {
  // 初始值是空数组，作为累加器的起点
  return zarr.reduce((resultArr, currentObj) => {
    // 复制原对象并添加新键值对，避免修改原对象
    const newObj = { ...currentObj, [zkey]: zval };
    // 把新对象加入累加数组
    resultArr.push(newObj);
    // 返回更新后的累加数组
    return resultArr;
  }, []);
}

// 调用测试
var arr = [{name: 'Alex'},{name: 'Mia'},{name: 'David'}];
var updatedArr = bz(arr,'areWeAwesome','shuAr');
console.log(updatedArr); // 目标数组
console.log(arr); // 原数组保持不变

这个版本里，reduce的累加器resultArr会逐步收集每个处理后的新对象，最后返回完整的新数组，完全不会影响原数组，这在很多场景下更安全。

你之前尝试reduce失败，大概率是没搞清楚累加器的作用——要么是没给初始值，要么是没在回调里返回累加器，导致reduce的逻辑出错。

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