URLSearchParams截取url参数

URLSearchParams的介绍

• URLSearchParams API 提供对 URL 查询的读写访问。 URLSearchParams 类也可以与以下四个构造函数之一单独使用。 URLSearchParams 类也在全局对象上可用。

• WHATWG URLSearchParams 接口和 querystring 模块具有相似的用途，但 querystring 模块的用途更通用，因为它允许自定义的分隔符（& 和 =）。 换句话说，此 API 纯粹是为网址查询字符串而设计。

const myURL = new URL("https://example.org/?abc=123");
//  searchParams.get()	获取
myURL.searchParams.get(abc);	// 123

// 追加
myURL.searchParams.append('mun', '123');
// https://example.org?abc=123&mun=123

// 删除
myURL.searchParams.delete("mun");

// 添加
myURL.searchParams.set("a", "1");
// https://example.org?a=1

// 
cosnt newURLSearchParams = new URLSearchParams(myURL.searchParams);
// ==
new URLSearchParams(myURL.search);

// 使用了 new URLSearchParams(myURL.search) 就可以直接使用 searchParams 的方法
newURLSearchParams.append('a', 'b');
// https://example.org/?a=b
newURLSearchParams.toString();
// a=b&b=c
// newURLSearchParams.toString()	隐式调用

new URLSearchParams()
实例化新的空 URLSearchParams对象

newURLSearchParams(string)

将 string 解析为查询字符串，并使用它来实例化新的 URLSearchParams 对象。 前导 ‘?’（如果存在）将被忽略。

let params = new URLSearchParams('user=123&pas=456');
params.get('user');	// 123

// 打印所有的提交数据	可以将 ？省略
param