URlSearchParams的使用

前几天读axios的源码时看到了URLSearchParams,现在对其做一个简单的介绍。

一、作用

用于处理url中的查询字符串

构造函数

URLSearchParams()构造并返回一个实例,开始的"?"字符将被忽略。

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

方法

  • append:添加给定的key/value参数
  • delete:删除查询参数
  • entries:返回一个迭代器(iterator),可以遍历得到值为[key, value]的元素
  • get:返回第一个匹配到的值
  • getAll:返回所有的查询参数的值
  • has:判断给定的参数是否存在,存在返回true,否在false
  • keys:返回一个iterator用于遍历所有的key
  • set: 为给定的参数设置value,如果给参数不存在则创建并设置值;如果存在则多个相同参数,匹配第一个,删除其他的。
  • sort:按key对所有的参数进行排序,并返回undefined,如果存在相同的key,则保留它们原来的顺序。
  • toString:返回在适合在url中使用的字符串
  • values:返回一个iterator遍历可得到所有的value值

使用时请考虑浏览器兼容性问题,目前为止不支持IE浏览器, Safari支持10.1

你可能感兴趣的:(前端学习,URlSearchParams)