简介

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

实例返回一个iterator可以遍历所有键/值对的对象，可以直接用在 for...of 结构中。

MDN：

简单试用一下

let params = new URLSearchParams("?name=chenjiang&age=24");console.log(params.get("name")); // chenjiang

URLSearchParams基本用法get方法返回第一个与搜索参数对应的值。

如果有多个同名的参数，只返回第一个

let params = new URLSearchParams("?name=chenjiang&age=24&name=cccjjj");console.log(params.get("name")); // chenjiangconsole.log(params.get("good")); // null

getAll方法以数组的形式返回与指定搜索参数对应的所有值。

let params = new URLSearchParams("?name=chenjiang&age=24&name=cccjjj");console.log(params.getAll('name'));  // ["chenjiang","cccjjj"]

append可以插入一个新的参数。

追加一个新的参数，如果重名了也不会被覆盖的。

let params = new URLSearchParams("?name=chenjiang&age=24");params.append("name", "cccjjj"); // 追加一个重名的console.log(params.getAll('name')); // ["chenjiang","cccjjj"]

delete方法可以删除指定名称的所有搜索参数。

let params = new URLSearchParams("?name=chenjiang&age=24&name=cccjjj");params.delete("name");// 有两个name一并删除console.log(params.getAll("name")); // []

set方法用于设置和搜索参数相关联的值

如果设置前已经存在匹配的值，该方法会删除多余的，如果将要设置的值不存在，则创建它。

let params = new URLSearchParams("?name=chenjiang&age=24");params.set("name", "cccjjj"); console.log(params.getAll('name')); // ["cccjjj"]

entries方法返回一个iterator，允许遍历该对象中包含的所有键/值对。

let params = new URLSearchParams("?name=chenjiang&age=24");// 显示键/值对for (var val of params.entries()) {  console.log(val[0] + "---" + val[1]);}// 打印结果"name---chenjiang""age---24"

forEach方法允许通过回调函数来遍历 URLSearchParams 实例对象上的键值对

let params = new URLSearchParams("?name=chenjiang&age=24");params.forEach(function (value, key, searchParams) {  /*  value: 当前遍历到的键值  key: 当前遍历到的键名  searchParams: 当前调用 forEach 方法的实例对象  */  console.log(value, key);});// 打印结果"chenjiang" "name""24" "age"

has方法返回一个 Boolean 表示一个指定的键名对应的值是否存在。

let params = new URLSearchParams("?name=chenjiang&age=24");console.log(params.has("name")); // true

keys方法返回一个iterator，遍历器允许遍历对象中包含的所有键。

let params = new URLSearchParams("?name=chenjiang&age=24");for(var key of params.keys()) {  console.log(key);}// 打印结果"name""age"

values方法返回一个iterator，该遍历器允许遍历对象中包含的所有值。

let params = new URLSearchParams("?name=chenjiang&age=24");for(var val of params.values()) {  console.log(val);}// 打印结果"chenjiang""24"

toString方返回搜索参数组成的字符串

let params = new URLSearchParams("?name=chenjiang&age=24");console.log(params.toString()); // "name=chenjiang&age=24"