let url = '?wd=蔡徐坤&skill=篮球&year=2019';
let searchParams = new URLSearchParams(url);
for (let p of searchParams) {
console.log(p);
}
// ["wd", "蔡徐坤"]
// ["skill", "篮球"]
// ["year", "2019"]
searchParams.get('wd') // "蔡徐坤"
searchParams.get('skill') // "篮球"
searchParams.get('year') // "2019"
实例提供了append方法来添加字段,这个方法接收两个参数,前者是key,后者是value,代码:
searchParams.append('age', 26);
searchParams.has('age'); // true
searchParams.get('age'); // 26
// 有时候不知道一个字段是否存在,所以想事先校验下。使用实例的has方法进行判断,代码:
searchParams.has('wd') // true
searchParams.has('age') // false
现在不想要year字段了,直接使用delete即可,代码:
searchParams.delete('year');
searchParams.has('year'); // false
有时候想重写一个字段,而不是添加(append)一个字段,这时候需要使用set方法,比如,我们觉得坤哥不仅会篮球,还会唱,跳,rap。代码:
searchParams.set('skill', '篮球 唱 跳 rap');
修改实例后,有时候需要再转为字符串,进行路由跳转等,使用toString方法
searchParams.toString(); // "wd=蔡徐坤&skill=篮球+唱+跳+rap&year=2019&age=26"