javascript基础从小白到高手系列六百九十：URLSearchParams函数-CSDN博客

本文链接：https://blog.csdn.net/wanmeijuhao/article/details/138333368

这个函数首先删除了查询字符串开头的问号，当然前提是location.search必须有内容。解析后的参数将被保存到 args 对象，这个对象以字面量形式创建。接着，先把查询字符串按照&分割成数组， 2 每个元素的形式为 name=value。for 循环迭代这个数组，将每一个元素按照=分割成数组，这个数组第一项是参数名，第二项是参数值。参数名和参数值在使用 decodeURIComponent()解码后(这是因为查询字符串通常是被编码后的格式)分别保存在 name 和 value 变量中。最后，name 作为属性而 value 作为该属性的值被添加到 args 对象。这个函数可以像下面这样使用:

3 let args = getQueryStringArgs(); 4
// 假设查询字符串为?q=javascript&num=10
    alert(args["q"]);    // "javascript"
   alert(args["num"]);  // "10"

现在，查询字符串中的每个参数都是返回对象的一个属性，这样使用起来就方便了。
URLSearchParams
URLSearchParams 提供了一组标准 API 方法，通过它们可以检查和修改查询字符串。给 URLSearchParams 构造函数传入一个查询字符串，就可以创建一个实例。这个实例上暴露了 get()、 set()和 delete()等方法，可以对查询字符串执行相应操作。下面来看一个例子:

   let qs = "?q=javascript&num=10";
    let searchParams = new URLSearchParams(qs);
    alert(searchParams.toString());  // " q=javascript&num=10"

   searchParams.has("num");
searchParams.get("num");
searchParams.set("page", "3");
alert(searchParams.toString());
// true 8 // 10
 // " q=javascript&num=10&page=3"
9 10 11
searchParams.delete("q");
alert(searchParams.toString());  // " num=10&page=3"

大多数支持 URLSearchParams 的浏览器也支持将 URLSearchParams 的实例用作可迭代对象: let qs = “?q=javascript&num=10”;

let searchParams = new URLSearchParams(qs);
for (let param of searchParams) {
  console.log(param);
   }// ["q", "javascript"] 12 // ["num", "10"]