如何根据动态传入的列名对数组指定列求和？

你的代码错误出在map(t => selectedColumn)这一行——它只是把数组里的每个元素都转换成了列名字符串（比如传入weight时，map后得到的是['weight', 'weight', 'weight', 'weight']），这种字符串自然无法参与数值求和，还会触发类型错误。

正确实现代码 #

通过对象属性访问器t[selectedColumn]获取每个元素对应列的数值，修改后的代码如下：

caltotal(selectedColumn: string) {
  this.total = this.ELEMENT_DATA
    .map(t => t[selectedColumn] as number) // 断言为数字类型，保证类型安全
    .reduce((acc, value) => acc + value, 0);
}

额外优化（处理异常值） #

如果数组中可能存在非数字、undefined这类异常值，可以添加过滤逻辑避免求和结果为NaN：

caltotal(selectedColumn: string) {
  this.total = this.ELEMENT_DATA.reduce((acc, item) => {
    const value = item[selectedColumn];
    // 只累加合法的数字值，异常值按0处理
    return acc + (typeof value === 'number' && !isNaN(value) ? value : 0);
  }, 0);
}

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