如何在URL查询参数中通用处理元组及多维数组？

我太懂这种头疼的感觉了——用逗号拼接一维数组确实简单，但碰到元组、多维数组这种嵌套结构，再用老方法就只能写一堆特殊逻辑，完全不通用。其实有个非常省心的方案，能搞定所有层级的数组/元组，不用在客户端和服务端加任何特殊处理：用JSON序列化+URL编码。

客户端处理逻辑 #

直接把你的数组（不管是元组还是多维数组）转成JSON字符串，再用encodeURIComponent编码后放到查询参数里就行，这样能避免URL里的特殊字符（比如方括号、引号）搞出问题：

// 示例：数组里包含元组
const arrOfTuples = [["abc", 0], ["def", 1]];
const params = new URLSearchParams();
// 序列化+编码
params.append("arrParam", encodeURIComponent(JSON.stringify(arrOfTuples)));
// 最终生成的URL参数会是类似：arrParam=%5B%5B%22abc%22%2C0%5D%2C%5B%22def%22%2C1%5D%5D

服务端处理逻辑 #

拿到查询参数后，先解码，再用JSON.parse解析回原数组结构就行，不管嵌套多少层都能完美还原：

// 以Node.js/Express为例
const arrParam = req.query.arrParam;
try {
  // 解码+解析
  const parsedArray = JSON.parse(decodeURIComponent(arrParam));
  // 现在parsedArray就是你客户端传过来的原始数组/元组数组了
  console.log(parsedArray); // 输出：[ [ 'abc', 0 ], [ 'def', 1 ] ]
} catch (err) {
  // 容错处理：如果参数格式不对，返回错误提示
  console.error("解析数组参数失败：", err);
}

为什么这个方案通用？ #

JSON本身就是为处理嵌套数据结构设计的，不管是一维数组、二维数组，还是你说的元组（本质就是固定长度的数组），它都能完整保留结构信息。而且这种方法不需要你针对不同的数组结构写不同的拆分/拼接逻辑，一次实现就能覆盖所有场景。

小提醒 #

如果你的数组特别大，要注意URL长度限制——不同浏览器和服务器对URL的最大长度有不同的限制（一般是几千字符）。如果数组数据量实在太大，可能就得换成POST请求把数据放请求体里，但如果必须用GET的话，这个方案还是最靠谱的通用解法。

备注：内容来源于stack exchange，提问作者Alex