url参数解析为一个对象

const url_t = "http://www.taobao.com/index.html?key0=0&key1=1&key2=2";
function parseQueryString(url){
    let result = {};
    
    if(!url || ('string' !== typeof url && String !== url.constructor)){
        return result;
    }
    const str = url.split("?");
    const items = str && str.length > 1 ? str[1].split("&") : [];
    let arr = [];

    for(let i=0; i<items.length; i++) {
        arr=items[i].split("=");
        result[arr[0]]=arr[1];
    }

    return result;
}

const obj=parseQueryString(url_t);
console.log(obj)

序列化数据为URL参数

function serialize(data) {
    const queryList = Object.keys(data).map((key) => {
        return key + '=' + encodeURIComponent(data[key]);
    });
    return queryList.join('&');
}

const data = {
     key0: 0,
     key1: 1,
     key2: 2
}

serialize(data );

经典前端面试题每日更新，欢迎参与讨论，地址：https://github.com/daily-interview/fe-interview。

更多angular1/2/4/5、ionic1/2/3、react、vue、微信小程序、nodejs等技术文章、视频教程和开源项目，请关注微信公众号——全栈弄潮儿。

image

脑筋急转弯：

image

生活小窍门

image