2020年ES6 / 7/8及更高版本
从ES6开始，Javascript提供了几种结构来创建针对此问题的高性能解决方案。
这包括使用URLSearchParams和迭代器
let params = new URLSearchParams('abc=foo&def=%5Basf%5D&xyz=5');
params.get("abc"); // "foo"
如果您的用例需要您将其实际转换为对象，则可以实现以下功能：
function paramsToObject(entries) {
let result = {}
for(let entry of entries) { // each 'entry' is a [key, value] tupple
const [key, value] = entry;
result[key] = value;
}
return result;
}
基本演示
const urlParams = new URLSearchParams('abc=foo&def=%5Basf%5D&xyz=5');
const entries = urlParams.entries(); //returns an iterator of decoded [key,value] tuples
const params = paramsToObject(entries); //{abc:"foo",def:"[asf]",xyz:"5"}
使用Object.fromEntries并传播
我们可以使用Object.fromEntries（这是目前在第4阶段），替换paramsToObject用Object.fromEntries(entries)。
要迭代的值对是列表名称-值对，其中键是名称，值是值。
由于会URLParams返回一个可迭代的对象，因此使用传播运算符而不是调用.entries也将根据其规范生成条目：
const urlParams = new URLSearchParams('abc=foo&def=%5Basf%5D&xyz=5');
const params = Object.fromEntries(urlParams); // {abc: "foo", def: "[asf]", xyz: "5"}
注意：根据URLSearchParams规范，所有值都是自动字符串
多个相同的键
正如@siipe所指出的，包含多个相同键值的字符串将被强制转换为最后一个可用值：foo=first_value&foo=second_value本质上将变为：{foo: "second_value"}。
按照这个答案：https : //stackoverflow.com/a/1746566/1194694没有确定如何处理它的规范，并且每个框架的行为都可能不同。
一个常见的用例是将两个相同的值连接到一个数组中，使输出对象成为：
{foo: ["first_value", "second_value"]}
这可以通过以下代码实现：
const groupParamsByKey = (params) => [...params.entries()].reduce((acc, tuple) => {
// getting the key and value from each tuple
const [key, val] = tuple;
if(acc.hasOwnProperty(key)) {
// if the current key is already an array, we'll add the value to it
if(Array.isArray(acc[key])) {
acc[key] = [...acc[key], val]
} else {
// if it's not an array, but contains a value, we'll convert it into an array
// and add the current value to it
acc[key] = [acc[key], val];
}
} else {
// plain assignment if no special case is present
acc[key] = val;
}
return acc;
}, {});
const params = new URLSearchParams('abc=foo&def=%5Basf%5D&xyz=5&def=dude');
const output = groupParamsByKey(params) // {abc: "foo", def: ["[asf]", "dude"], xyz: 5}