如何用指定计算函数更新数组中对象的value属性？

嘿，这个场景我太熟悉了！结合你必须用指定func、参数多达20多个的需求，给你分享几个优雅的实现方式，完全贴合你的需求：

方案1：解构参数 + Map（安全优先，适合参数顺序不固定的情况） #

如果担心parameters的属性顺序和func的参数顺序不匹配，或者需要明确指定每个参数（避免后续参数变动出问题），这个方案最稳妥。先把parameters里的参数解构出来，再遍历数组计算每个对象的value：

const array1 = [
  {name: "alfa", par1: 1, value: null},
  {name: "beta", par1: 2, value: null},
  {name: "gamma", par1: 3, value: null},
];
const parameters = {par2: 1, par3: 9};
const func = (par1, par2, par3) => par1 + par2 + par3;

// 核心实现
const { par2, par3 /* 这里可以继续添加20多个参数 */ } = parameters;
const result = array1.map(item => ({
  ...item, // 保留原对象所有属性
  value: func(item.par1, par2, par3) // 调用func计算值
}));

console.log(result);
// 输出：[{name: "alfa", par1: 1, value: 11}, ...]

这个方式的好处是参数传递一目了然，哪怕后续参数有增减，只要对应修改解构和func的参数列表就行，不会因为顺序搞错导致计算错误。

方案2：批量传递参数 + Map（简洁高效，适合参数顺序固定的场景） #

如果func的参数顺序和parameters的属性值顺序完全对应（比如func的第2个参数是par2、第3个是par3，以此类推），那用这个方案可以省去逐个解构的麻烦，尤其适合20多个参数的场景：

const array1 = [
  {name: "alfa", par1: 1, value: null},
  {name: "beta", par1: 2, value: null},
  {name: "gamma", par1: 3, value: null},
];
const parameters = {par2: 1, par3: 9};
const func = (par1, par2, par3) => par1 + par2 + par3;

// 核心实现
const paramValues = Object.values(parameters); // 提取所有参数值成数组
const result = array1.map(item => ({
  ...item,
  value: func(item.par1, ...paramValues) // 用扩展运算符批量传参
}));

console.log(result);

这里Object.values(parameters)会把parameters的所有值按属性顺序提取成数组，再通过...扩展运算符传给func，代码非常简洁，不用写20多个参数名。注意：必须确保parameters的属性顺序和func的参数顺序完全一致，否则计算结果会出错。

方案3：直接修改原数组（适合不需要保留原数组的情况） #

如果不需要保留原数组的原始状态，直接修改原对象的value属性，用forEach会更直接：

// 用解构的方式
const { par2, par3 } = parameters;
array1.forEach(item => {
  item.value = func(item.par1, par2, par3);
});

// 或者用批量传参的方式
const paramValues = Object.values(parameters);
array1.forEach(item => {
  item.value = func(item.par1, ...paramValues);
});

console.log(array1); // 原数组已更新

这个方式不需要创建新数组，节省内存，适合数据量较大且不需要保留原数据的场景。

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