js中URLSearchParams的用法

URLSearchParams提供了一系列方法和属性，用于解析、访问和操作URL中的查询参数

get(name)
作用：根据参数名称获取对应的值。
示例代码：

const params = new URLSearchParams('?name=Ares&age=18');
const name = params.get('name');
console.log(name); // 输出：Ares

getAll(name)
作用：根据参数名称获取对应的值数组。
示例代码：

const params = new URLSearchParams('?name=Ares&age=18&name=Taylor');
const names = params.getAll('name');
console.log(names); // 输出：['Ares', 'Taylor']

has(name)
作用：判断是否存在指定名称的参数。
示例代码：

const params = new URLSearchParams('?name=Ares&age=18');
console.log(params.has('name')); // 输出：true
console.log(params.has('sex')); // 输出：false

append(name, value)
作用：向URL中添加新的参数。
示例代码：

const params = new URLSearchParams('?name=Ares');
params.append('sex', '男');
console.log(params.toString()); // 输出：'name=Ares&sex=男'

set(name, value)
作用：设置指定参数的值，如果参数不存在则添加新参数。
示例代码：

const params = new URLSearchParams('?name=Ares');
params.set('name', 'Taylor');
params.set('age', '18');
console.log(params.toString()); // 输出：'name=Taylor&age=18'

delete(name)
作用：删除指定名称的参数。
示例代码：

const params = new URLSearchParams('?name=Ares&age=18');
params.delete('age');
console.log(params.toString()); // 输出：'name=Ares'

keys()
作用：返回一个迭代器，用于遍历所有参数的名称。
示例代码：

const params = new URLSearchParams('?name=Ares&age=18');
for (const key of params.keys()) {
  console.log(key); // 输出：'name', 'age'
}

values()
作用：返回一个迭代器，用于遍历所有参数的值。
示例代码：

const params = new URLSearchParams('?name=Ares&age=18');
for (const value of params.values()) {
  console.log(value); // 输出：'Ares', '18'
}

entries()
作用：返回一个迭代器，用于遍历所有参数的键值对。
示例代码：

const params = new URLSearchParams('?name=Ares&age=18');
for (const [key, value] of params.entries()) {
  console.log(`${key}: ${value}`); // 输出：'name: Ares', 'age: 18'
}

toString()
作用：将URLSearchParams对象转换为字符串表示形式。
示例代码：

const params = new URLSearchParams('?name=Ares&age=18');
const paramString = params.toString();
console.log(paramString); // 输出：'name=Ares&age=18'