如何在URI中将URI查询字符串正确解析为名称 - 值集合？

这是一个关于如何将URI查询字符串解析为名称-值集合的问题。在处理URI时，通常需要将查询字符串解析为名称-值集合，以便在应用程序中处理这些参数。以下是如何在URI中正确解析查询字符串的步骤：

1. 解析查询字符串：首先，需要将查询字符串解析为键值对。这可以通过使用JavaScript中的decodeURIComponent()函数来完成。该函数将解码查询字符串中的每个字符，并将其添加到一个对象中，该对象的键是字符串中的字符，值是字符解码后的值。
2. 构建名称-值集合：接下来，需要将解析后的查询字符串对象中的键值对添加到一个名称-值集合中。这可以通过使用JavaScript中的Array.prototype.push()和Object.values()函数来完成。
3. 初始化名称-值集合：在解析查询字符串并构建名称-值集合后，需要将它们初始化为一个名称-值集合对象。这可以通过使用JavaScript中的Object.create()函数来完成。该函数将一个对象作为参数，并返回一个新对象，该对象的属性和参数与原始对象相同。

完整的代码示例如下：

const queryString = "?name=John&age=30&city=New+York";

// 解析查询字符串
const params = decodeURIComponent(queryString);

// 构建名称-值集合
const collection = {};

// 初始化名称-值集合
const result = Object.create(collection);

// 将参数添加到集合中
for (const [key, value] of Object.entries(params)) {
  collection[key] = value;
}

console.log(result);
// 输出：{ name: "John", age: "30", city: "New York" }

以上代码将查询字符串解析为名称-值集合，并将其初始化为一个名为result的对象。该示例适用于大多数现代浏览器和Node.js环境。