JS筆試題分析(2)

XanaHopper 發(fā)布于2019-08-20 14:34 / 1719人閱讀

摘要：開始解題創(chuàng)建個空字符串，儲存輸出的內(nèi)容把傳入的參數(shù)用分割，獲取第二部分，也就是后面的字符串創(chuàng)輸出數(shù)組中的元素把號后面的字符串用分割實際上就分割段，不做分割把前面的字符串用分割，最高允許分割段。

要求：
1、只能在指定的位置填寫自己的代碼，本文件里的其他代碼不能修改
2、所有題目都不允許添加全局變量名
3、本文件應(yīng)該能在firebug的console里正常執(zhí)行，并輸出結(jié)果
4、代碼最優(yōu)化，效率最高
5、代碼注釋明確

function urlParser(s){
        //+++++++++++答題區(qū)域+++++++++++



                
        //+++++++++++答題結(jié)束+++++++++++
}

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();
        /*------[執(zhí)行結(jié)果]------

        ["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("執(zhí)行出錯，錯誤信息: " + e);
}

讓我們先來梳理下解題思路:

首先觀察url1,url2,url3的區(qū)別。

然后觀察執(zhí)行結(jié)果的3段輸出內(nèi)容。

最后找url1,url2,url3對應(yīng)的輸出內(nèi)容的聯(lián)系。

開始解題:

function urlParser(s){
    var a = [];
    /*創(chuàng)建個空字符串，儲存輸出的內(nèi)容*/
    var _w = s.split("#")[1];
    /*把傳入的參數(shù)url1...用#分割，獲取第二部分，也就是#后面的字符串*/
    var _json = {}; 
    /*創(chuàng)輸出數(shù)組中的json元素*/
    var _q = _w.split("?");
    /*把#號后面的字符串用？分割,實際上就url1,url3分割2段，url2不做分割*/
    var _s = _q[0].split("/",2);
    /*把?前面的字符串用/分割，最高允許分割2段。*/
    for(var i=0;i<_s.length;i++){
    /*遍歷#號到?號之間的數(shù)組*/ 
        if(_q.length === 2){
        /*當(dāng)_q的長度為2時執(zhí)行，也就是不執(zhí)行傳入url2*/
            a.push(_s[i]);
            /*將url1和url3中#號到？號之間的數(shù)組從后依次傳入a*/
        }
    }
    if(_q[1]){
    /*如果參數(shù)中有？號，執(zhí)行以下代碼(url1,url3)*/
        var _a = _q[1].split("&");
        /*將？號分割的字符串第二段中再用&號分割*/
        for(var j=0;j<_a.length;j++){
        /*遍歷？號后面的[type=latest_videos,page_size=20]長度為2的數(shù)組*/
            var _e = _a[j].split("=");    
            /*將數(shù)組[type=latest_videos,page_size=20]，用=號分割,輸出[type,latest_videos],[page_size,20]*/
            _json[_e[0]] = _e[1];
            /*把等號前面的與后面的分別用屬性和屬性值來傳入_json對象*/

        }
    }else{
    /*否則執(zhí)行(url2)*/
        var _a = _q[0].split("&");
        /*將？號分割的字符串第一段中再用&號分割*/
        for(var k=0;k<_a.length;k++){
            var _e = _a[k].split("=");
            _json[_e[0]] = _e[1]; 
        }
    }
    a.push(_json);
    /*將_json傳入a數(shù)組中*/
    return JSON.stringify(a);
    /*函數(shù)最終返回數(shù)組a*/
}