URLSearchParams 是一个内置的 JavaScript 对象，它用于处理查询字符串，即 URL 中跟在问号 (?) 后面的部分。这个对象可以用来创建、解析、操作 URL 的查询字符串，并从中获取值。它非常适用于发送 GET 请求给服务器，或者处理从服务器返回的带有查询参数的 URL。

下面是一些 URLSearchParams 的基本用法示例：

创建 URLSearchParams 对象

1. 直接构造：

   const params = new URLSearchParams();

2. 从查询字符串构造：

   const params = new URLSearchParams('key1=value1&key2=value2');

3. 从 URL 构造：

   const url = new URL('https://example.com/?key1=value1&key2=value2');
   const params = url.searchParams;

添加键值对

const params = new URLSearchParams();
params.append('key1', 'value1'); // 添加一个键值对
params.append('key2', 'value2'); // 添加另一个键值对

获取键值

console.log(params.get('key1')); // 输出 'value1'

获取所有相同键的值

如果同一个键被添加了多次，get() 只会返回第一个值。要获取所有相同的键的值，可以使用 getAll() 方法：

console.log(params.getAll('key1')); // 输出 ['value1']

删除键值对

params.delete('key1'); // 删除键为 'key1' 的键值对

设置键值对

如果键已经存在，则设置新的值会替换旧的值：

params.set('key1', 'new_value1'); // 替换 'key1' 的值为 'new_value1'

检查是否存在键

if (params.has('key1')) {
    console.log('Key exists.');
}

将参数序列化为查询字符串

console.log(params.toString()); // 输出 'key2=value2'（因为 set() 方法会替换之前的值）

以上就是 URLSearchParams 的一些基础用法。这个对象简化了与 URL 查询字符串的交互，使得在客户端进行 URL 操作变得更加简单。

参考：https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams



真诚赞赏，手留余香

微信支付