如何在JS中将重复的数组处理逻辑存入变量复用？

你直接把链式方法赋值给变量会报错，是因为.filter()、.reduce()这些方法必须调用在数组实例上，不能脱离数组单独存在。正确的做法是把这段逻辑封装成一个接收数组参数的函数：

实现方式 #

1. 封装复用函数 #

const calculateTotal = (arr) => {
  return arr
    .filter((item) => item) // 过滤掉所有假值（NaN、undefined、null、0、空字符串等）
    .reduce((sum, current) => sum + current, 0)
    .toFixed(2);
};

注：如果你的需求只是过滤NaN而非所有假值，可把filter改成filter(item => !isNaN(item))，避免误过滤掉0这类合法数值。

2. 调用复用函数 #

在需要使用的地方，传入目标数组即可：

// 替代原来的 totalV.filter(...).reduce(...).toFixed(2)
const processedResult = calculateTotal(totalV);

3. 可选：增加容错处理 #

如果传入的参数可能不是数组，可添加判断避免报错：

const calculateTotal = (arr) => {
  if (!Array.isArray(arr)) return '0.00'; // 按需求返回默认值
  return arr
    .filter((item) => item)
    .reduce((sum, current) => sum + current, 0)
    .toFixed(2);
};

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