如何解决调用paymentsResults[i].filter()时报filter is not a function的问题

报错原因 #

filter 是 JavaScript 数组专属的实例方法，报错的核心原因是 paymentsResults[i] 不是数组类型，可能为对象、null、undefined 或其他非数组值。

排查步骤 #

先在调用 filter 前验证 paymentsResults[i] 的类型，确认数据结构是否符合预期：

for (let i = 0; i < paymentsResults.length; i++) {
  // 打印类型、是否为数组、具体值，确认结构
  console.log(typeof paymentsResults[i], Array.isArray(paymentsResults[i]), paymentsResults[i])
}

优化写法 #

场景1：paymentsResults 本身就是存储所有订单的数组 #

这种情况不需要额外写 for 循环遍历后再调用 filter，同时可以优化 getCatType 的分支判断逻辑，用对象映射提升可读性和扩展性：

const getCatType = order => {
  const typeMap = {
    'Invoice': 'Once',
    'One-time': 'Once',
    'Free': 'Once',
    'Semester': 'Recurring'
  }
  return typeMap[order.type]
}

// 直接对全量订单数组过滤
const paymentsOnce = paymentsResults.filter(o => getCatType(o) === "Once")

场景2：paymentsResults 每个元素都是子订单数组 #

如果业务逻辑确实需要遍历后对每个子数组过滤，可以加类型校验避免报错，同时合并所有符合条件的结果：

const getCatType = order => {
  const typeMap = {
    'Invoice': 'Once',
    'One-time': 'Once',
    'Free': 'Once',
    'Semester': 'Recurring'
  }
  return typeMap[order.type]
}

const allPaymentsOnce = []
for (let i = 0; i < paymentsResults.length; i++) {
  const currentList = paymentsResults[i]
  if (Array.isArray(currentList)) {
    const matchedItems = currentList.filter(o => getCatType(o) === "Once")
    allPaymentsOnce.push(...matchedItems)
  }
}

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