Node.js中TypeError: arr.slice is not a function问题求助

核心错误原因 #

你遇到这个错误的根本问题是路由处理函数的参数顺序完全搞错了！Express框架中，GET路由的回调函数参数固定是(req, res, next)——第一个是请求对象，第二个是响应对象，第三个是next中间件函数。

但你的函数定义写成了：

const splitArray = (req, res, arr = shuffled, n = 4) => { ... }

这就导致当Express调用splitArray处理请求时，第三个参数会被赋值为next函数（而不是你默认的shuffled数组）。函数类型当然没有slice方法，所以直接抛出了TypeError。

修复方案 #

我会帮你重构代码，修正参数问题，同时优化逻辑：

const splitArray = (req, res) => {
  // 1. 从请求参数获取分组数n，默认值为4
  const n = parseInt(req.query.n) || 4;
  // 2. 确保使用的数组是合法的（这里确认shuffled是数组类型）
  const arr = shuffled;

  // 提前校验：如果arr不是数组，直接返回错误
  if (!Array.isArray(arr)) {
    return res.status(400).send({ error: 'Invalid source array' });
  }

  // 分组数小于2时直接返回原数组
  if (n < 2) {
    return res.send({ result: arr });
  }

  let size;
  const result = [];
  let i = 0;

  // 处理数组能被n整除的情况
  if (arr.length % n === 0) {
    size = arr.length / n;
    while (i < arr.length) {
      result.push(arr.slice(i, i += size));
    }
  } else {
    // 处理不能整除的情况：前n-1组取固定size，最后一组取剩余所有元素
    size = Math.floor(arr.length / n);
    for (let j = 0; j < n - 1; j++) {
      result.push(arr.slice(i, i += size));
    }
    // 把剩下的元素作为最后一组
    result.push(arr.slice(i));
  }

  // res.send会自动序列化JSON，不需要手动调用JSON.stringify
  res.send({ result });
}

app.get('/cards', splitArray);

额外优化点 #

1. 移除无用的JSON.stringify异步调用：JSON.stringify是同步方法，而且res.send会自动帮你把对象序列化为JSON响应，完全不需要.then()包裹。
2. 优化数组分割逻辑：原来的嵌套循环会导致索引混乱，现在改成更清晰的分支处理，避免逻辑错误。
3. 增加参数校验：提前检查arr是否为数组，能快速定位数据源的问题。
4. 支持动态分组数：通过req.query.n可以让前端请求时指定分组数（比如/cards?n=3），更灵活。

最后确认 #

请务必保证shuffled变量是一个合法的JavaScript数组，如果它是其他类型（比如对象、undefined），即使修正了参数，还是会遇到类似错误。

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