Node/Express接收表单：数组元素≥22时转为对象？

这个问题大概率是Express内置的express.urlencoded（或旧版的body-parser）解析器的默认配置限制了数组长度或参数数量，导致当选中的复选框数量达到阈值时，无法正确解析colors数组，最终变成undefined。

解决方案：调整解析器的配置参数 #

如果你使用的是Express 4.16及以上版本（内置了urlencoded解析器），修改解析器配置，增加数组长度限制和参数数量限制：

const express = require('express');
const app = express();

// 调整urlencoded解析器的配置
app.use(express.urlencoded({
  extended: true, // 启用扩展模式，支持复杂数据结构
  arrayLimit: 1000, // 设置数组最大长度，根据你的需求调整
  parameterLimit: 10000, // 设置表单参数的最大数量，避免总参数过多触发限制
  limit: '1mb' // 可选：设置请求体的最大大小，默认100kb，按需调整即可
}));

// 你的POST路由
app.post('/your-form-route', (req, res) => {
  console.log(req.body.colors); // 现在能正确获取数组
  console.log(req.body.colors.length); // 长度也能正常读取
  res.send('处理完成');
});

如果你用的是旧版Express（依赖body-parser库），配置方式类似：

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.urlencoded({
  extended: true,
  arrayLimit: 1000,
  parameterLimit: 10000,
  limit: '1mb'
}));

// 后续路由处理同上

问题原因说明 #

默认情况下，express.urlencoded的arrayLimit参数值可能比你预期的小（虽然官方默认是100，但部分环境或特定版本可能有差异），当提交的数组元素数量超过这个限制时，解析器无法正确处理该数组，导致字段变为undefined。

另外，如果表单中除了colors还有其他大量字段，总参数数量超过默认的parameterLimit（默认1000），也可能触发解析异常，影响colors字段的解析结果。

额外检查项 #

1. 确认表单enctype属性是默认的application/x-www-form-urlencoded（普通表单无需手动设置，默认就是这个），如果是multipart/form-data，需要用multer解析，而非urlencoded。
2. 提交表单时，用浏览器开发者工具的Network面板查看POST请求的Form Data，确认colors参数的数量和值是否正确提交。

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