用于查询字符串的 JavaScript 对象 - JavaScript

在 web 开发中，我们经常需要对 URL 查询字符串中的参数进行处理和操作。为此，JavaScript 提供了一个方便的对象——URLSearchParams。

什么是 URLSearchParams

URLSearchParams 是一个由多个键值对组成的对象，可以通过它来读取、添加、删除和更新 URL 查询字符串中的参数。

如何使用 URLSearchParams

创建 URLSearchParams 对象

我们可以通过以下代码来创建一个 URLSearchParams 对象：

const params = new URLSearchParams('?name=John&age=30');

在这个例子中，我们通过传入一个包含查询字符串的 URL 来创建一个 URLSearchParams 对象。查询字符串本身应该以 ? 开头，后面跟着一系列由 & 分隔的键值对，格式类似于：

?key1=value1&key2=value2&key3=value3

读取参数

一旦我们有了一个 URLSearchParams 对象，就可以通过 get() 方法读取其中的参数值，例如：

console.log(params.get('name')); // 输出 'John'
console.log(params.get('age')); // 输出 '30'

添加参数

我们可以通过 append() 方法向 URLSearchParams 对象中添加新的参数，例如：

params.append('gender', 'male');
console.log(params.toString()); // 输出 '?name=John&age=30&gender=male'

删除参数

我们可以通过 delete() 方法从 URLSearchParams 对象中删除指定的参数，例如：

params.delete('age');
console.log(params.toString()); // 输出 '?name=John&gender=male'

更新参数

我们可以通过 set() 方法更新指定参数的值，例如：

params.set('name', 'Jane');
console.log(params.toString()); // 输出 '?name=Jane&gender=male'

总结

URLSearchParams 是一个十分有用的对象，可以让我们轻松地操作 URL 查询字符串中的参数。无论你是要读取、添加、删除还是更新参数，都能够通过它轻松地实现。如果你需要从 URL 查询字符串中读取或者操作参数，URLSearchParams 是一个必不可少的工具。