URLSearchParams

URLSearchParams是构造函数,可以解析window.location.search这种?xxx=xx&bb=1里面的参数
实例对象上的常用方法

    let search = "?a=1&b=2";
    let searchParams = new URLSearchParams(search);
    console.log(searchParams.has('a')); // true
    //参数相关联的第一个值
    console.log(searchParams.get('b')); // 2
    //与给定搜索参数相关联的值设置为给定值。如果有多个匹配值,此方法将删除其他值。如果搜索参数不存在,则此方法会创建它。
    console.log(searchParams.set('c',3)); 
    //设定附加的参数
    console.log(searchParams.append('a',3)); 
    //搜索参数关联的所有值作为数组返回
    console.log(searchParams.getAll('a')); //["1", "3"]
    //要删除的参数
    console.log(searchParams.delete('b')); 
    
    console.log(searchParams.toString()); //a=1&c=3&a=3
    console.log(searchParams.get('a')); //1
    for(var pair of searchParams.entries()) {
        console.log(pair[0]+ ', '+ pair[1]); //a, 1   c, 3     a, 3
    }
    for(var pair of searchParams.values()) {
        console.log(pair[0]+ ', '+ pair[1]); //1   3   3
    }
    for(var pair of searchParams.keys()) {
        console.log(pair[0]+ ', '+ pair[1]); //a   c    a
    }

关于兼容性,ie不兼容
安装兼容包url-search-params-polyfill
npm install url-search-params-polyfill --save
将其引入到项目中。
import 'url-search-params-polyfill';

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容