URLSearchParams -- 处理 URL 的查询字符串

URLSearchParams接口定义了一些实用的方法来处理 URL 的查询字符串。

new一个URLSearchParams，返回一个 URLSearchParams 对象。可以通过for…of获取

代码示例

var paramsString = "q=URLUtils.searchParams&topic=api"
var searchParams = new URLSearchParams(paramsString);

for (let p of searchParams) {
  console.log(p);
}
// ["q", "URLUtils.searchParams"]
// ["topic", "api"]

链接获取参数

let url = new URL('https://example.com?foo=1&bar=2');
let params = new URLSearchParams(url.search.slice(1));

params.has('foo') === true; //true

单个获取

searchParams1.get('q')
// "URLUtils.searchParams"

检测

searchParams.has('q') // true
searchParams.has('age') // false

增

searchParams.append('age', 26);
searchParams.has('age') // true

删

searchParams.delete('q');
searchParams.has('q'); // false

改

searchParams.set('type', 'testtest');

IE大家应该都放弃了吧！！