前端攻城狮学习笔记三：实现一个URI解析方法，把url里#之后的参数解析成指定的数据结构。

面试题目

　　这是搜狐JavaScript面试题，要求如下：

　　实现一个URI解析方法，把url里#之后的参数解析成指定的数据结构。

function urlParser(s){
        //+++++++++++答题区域+++++++++++



                
        //+++++++++++答题结束+++++++++++
}

try{
        var url1 = "http://www.abc.com/m/s/#page/2/?type=latest_videos&page_size=20";
        var url2 = "http://www.abc.com/m/s/#type=latest_videos&page_size=20";
        var url3 = "http://www.abc.com/m/s/#page?type=latest_videos&page_size=20";

        console.group();
        console.info( urlParser(url1) );
        console.info( urlParser(url2) );
        console.info( urlParser(url3) );
        console.groupEnd();
        /*------[执行结果]------

        ["page", "2", { "type": "latest_videos", "page_size": 20 }]
        [{ "type": "latest_videos", "page_size": 20 }]
        ["page", { "type": "latest_videos", "page_size": 20 }]
        
        ------------------*/
        
}catch(e){
        console.error("执行出错，错误信息: " + e);
}

分析过程

　　这一题考的是基础，没什么好分析的，直接上代码吧。

function urlParser(s){
    //+++++++++++答题区域+++++++++++
    var mArr=[];
    var pArr=[];
    var m=s.split("#")[1],p="";
    if(m.indexOf("?")>-1){
        var temp=m.split("?")[0];
        p=m.split("?")[1];
        mArr=temp.split("/");
        if(mArr[mArr.length-1] === ""){
            mArr.pop();
        }
    }
    else{
        p=m;
    }

    pArr=p.split("&");
    var str="[";
    for(var i=0,l=mArr.length;i<l;i++){
        str+="\""+mArr[i]+"\",";
    }
    str+="{";
    for(var i=0,l=pArr.length;i<l;i++){
        str+="\""+pArr[i].split("=").join("\":\"")+"\",";
    }
    str+="}]";
    return str.replace(",}]","}]");
                
    //+++++++++++答题结束+++++++++++
}

小结

　　这一题考查的是JavaScript基础知识，如字符串的分割连接等等，算是比较简单的一题了。当然，简单的题也能写出高质量的代码，期待高手分享。