Object.fromEntries()配合URLSearchParams可一步将URL查询字符串解析为JSON对象，自动解码中文、合并同名参数、忽略空值；支持数组型参数聚合、基础类型转换及旧环境polyfill降级。
直接用 Object.fromEntries() 配合 URLSearchParams，几行代码就能把 URL 查询字符串变成结构清晰的 JSON 对象，无需手动拆分、解码或遍历。
一步解析 QueryString 成标准对象
浏览器原生支持 URLSearchParams，它能自动处理编码、重复键、空值等边界情况。结合 Object.fromEntries()（ES2019+），可直接转为普通对象：
- ✅ 正确解码中文、特殊符号（如
%E4%BD%A0%E5%A5%BD→"你好"） - ✅ 自动合并同名参数（如
?tag=a&tag=b→{ tag: "b" }，后者覆盖前者） - ✅ 忽略空键或无值参数（如
?id=&name=jack→{ name: "jack" }）
示例：
const url = "https://example.com?name=%E4%BD%A0%E5%A5%BD&age=25&city=Shanghai";
const params = Object.fromEntries(new URLSearchParams(new URL(url).search));
// → { name: "你好", age: "25", city: "Shanghai" }
处理数组型参数（如多选标签）
默认情况下，URLSearchParams 只保留最后一个同名值。若需支持数组（例如 ?tag=js&tag=ts&tag=react），需手动聚合：
function getQueryAsObject(url) {
const searchParams = new URLSearchParams(new URL(url).search);
const entries = Array.from(searchParams.entries());
const grouped = entries.reduce((acc, [key, value]) => {
if (!acc[key]) acc[key] = [];
acc[key].push(value);
return acc;
}, {});
return Object.fromEntries(
Object.entries(grouped).map(([k, v]) => [k, v.length === 1 ? v[0] : v])
);
}
// 使用
const obj = getQueryAsObject("https://ex.com?tag=js&tag=ts&color=red");
// → { tag: ["js", "ts"], color: "red" }
类型安全：自动转换数字/布尔值
URLSearchParams 返回的所有值都是字符串。业务中常需还原基础类型，可在转对象后做轻量映射：
- 识别纯数字（含负数、小数）→ 转
number - 识别
"true"/"false"→ 转boolean - 保留原始字符串（其他情况）
简单工具函数：
function parseValue(str) {
if (/^-?\d+\.?\d*$/.test(str)) return Number(str);
if (str === "true") return true;
if (str === "false") return false;
return str;
}
const raw = Object.fromEntries(
Array.from(new URLSearchParams(location.search)).map(
([k, v]) => [k, parseValue(v)]
)
);
// ?id=123&active=true&name=test → { id: 123, active: true, name: "test" }
兼容性与降级建议
Object.fromEntries 在现代浏览器和 Node.js 12+ 中原生支持。若需兼容旧环境：
- 用
polyfill（MDN 官方提供） - 或改用
Object.assign(...)+map模拟：
const params = Array.from(new URLSearchParams(search)).reduce((acc, [k, v]) => {
acc[k] = v;
return acc;
}, {});
