javascript - 解析url查询参数问题

Question

function parseQuery(query){
            var args = {};
            var items = query.split("&");

            var item = null, name = null, value = null;
            for(var i=0; i < items.length; i++){
                    item = items[i].split("=");
                    name = item[0];
                     value = item[1];
                     args[name] = value;
                }
               return args;
        }
        console.log(parseQuery("name=tom&age=12&gender&"));

怎么修改上述代码才能正常返回：{name: "tom", age: "12", gender: ""}

Answer 1

function parseQuery(query){
    var args = {};
    var items = query.split("&");

    var item = null, name = null, value = null;
    for(var i=0; i < items.length; i++){
        item = items[i].split("=");
        if(item[0]){
            name = item[0];
            value = item[1] ? item[1] : "";
            args[name] = value;
        }
    }
    return args;
}

Answer 2

类似url解析，面向数据处理，使用函数式编程(FP)最为优雅。应楼主需求，把这个功能包装成一个函数。

function parseQuery(str){
  return str.split('&').reduce((memo, x) => {
    let qa = x.split('=');
    if(!qa[0]) return memo;
    return Object.assign(memo, {
      [qa[0]]: qa[1]?qa[1]:""
    })
  }, {})
}

上面是ES6/7代码，具体转换和运行示例猛戳这里