Day 2/100 手写|实现URLSearchParams

前言

1、方法说明

方法 作用
URLSearchParams.append() 插入一个指定的键/值对作为新的搜索参数。
URLSearchParams.delete() 从搜索参数列表里删除指定的搜索参数及其对应的值。
URLSearchParams.entries() 返回一个iterator可以遍历所有键/值对的对象。
URLSearchParams.get() 获取指定搜索参数的第一个值。
URLSearchParams.getAll() 获取指定搜索参数的所有值,返回是一个数组。
URLSearchParams.has() 返回 Boolean 判断是否存在此搜索参数。
URLSearchParams.keys() 返回iterator 此对象包含了键/值对的所有键名。
URLSearchParams.set() 设置一个搜索参数的新值,假如原来有多个值将删除其他所有的值。
URLSearchParams.sort() 按键名排序。
URLSearchParams.toString() 返回搜索参数组成的字符串,可直接使用在URL上。
URLSearchParams.values() 返回iterator 此对象包含了键/值对的所有值。

2、实现代码

class MyURLSearchParams {
    /**
     * @params {string} init
     */
    constructor(init) {
     this.val=''
        if(init.indexOf('http')>-1){
            this.val=init
        }else{
            this.val=init.slice(init.indexOf('?')+1)
        }
        this.arr=this.val.split('&')
        // console.log(this.val);
    }
    
    /** 
     * @params {string} name
     * @params {any} value
     */
    append(name, value) {
      let tmp=name+'='+value
      this.arr.push(tmp)
      return '?'+this.arr.join('&')
    }
    
    /**
     * @params {string} name
     */
    delete(name) {
        let res=[]
        for(let i=0; i void} callback
     */
    forEach(callback) {
        for(let i=0; i {
          if((res==null)&&(value.indexOf(name)==0)){
              let tmp=value.split('=')
              res=tmp&&tmp[1]
          }
      })
      return res
    }
    /**
     * @param {string} name
     * @return {string[]}
     * returns the value list of the name
     */
    getAll(name) {
        let res=[]
        this.arr.filter((value) => {
            if(value.indexOf(name)==0){
                let tmp=value.split('=')
                res.push(tmp[1])
            }
        })
        return res
    }
    
    /**
     * @params {string} name
     * @return {boolean}
     */
    has(name) {
        let res=false
        this.arr.filter((value) => {
            if((res==false)&&(value.indexOf(name)==0)){
                let tmp=value.split('=')
                res=tmp.length>0?true:false
            }
        })
        return res
    }
    /**
     * @return {Iterator}
     */
    keys() {
        let res=[]
        for(let i=0; ib[0]){
                return 1
            }else{
                return -1
            }
          }
        )
        let sum=[]
        res.forEach((value) => {
            sum.push(value.join('='))
        })
        this.arr=sum
        return res
    }
    
    /**
     * @return {string}
     */
    toString() {
      return this.arr.join('&')
    }
    /**
     * @return {Iterator} values
     */
    values() {
        let res=[]
        for(let i=0; i

参考链接

https://developer.mozilla.org...

你可能感兴趣的:(javascript)