URLSearchParams & shape URL params

URLSearchParams

https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams


var paramsString = "q=URLUtils.searchParams&topic=api";
var searchParams = new URLSearchParams(paramsString);

//Iterate the search parameters.
for (let p of searchParams) {
  console.log(p);
}

searchParams.has("topic") === true; // true
searchParams.get("topic") === "api"; // true
searchParams.getAll("topic"); // ["api"]
searchParams.get("foo") === null; // true
searchParams.append("topic", "webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
searchParams.set("topic", "More webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
searchParams.delete("topic");
searchParams.toString(); // "q=URLUtils.searchParams"


"use strict";

/**
 *
 * @author xgqfrms
 * @license MIT
 * @copyright xgqfrms
 *
 * @description SearchParamsGenerator
 * @augments
 * @example
 *
 * @param {String} search
 * @param {Boolean} debug
 *
 */


const SearchParamsGenerator = (search = ``, debug = false) => {
    let result = {};
    // do something...
    let params = new URLSearchParams(search);
    for (const param of params) {
        let key = ``,
            value = ``;
        key = param[0];
        value = param[1];
        result[key] = value;
        // console.log(`param =`, param);
        // param = ["gilcode", "600570.SH"];
        // param = ["skin", "white"];
        // param = ["name", "恒生电子"];
        // param = ["type", "0"];
        parseInt("恒生电子", 10);
        // NaN
        parseInt("0", 10);
        // 0
        parseInt("11", 2);
        // 3
        parseInt("11", 10);
        // 11
    }
    return result;
};



let search = decodeURIComponent(window.location.search);
// "?gilcode=600570.SH&skin=white&name=恒生电子&type=0"

SearchParamsGenerator(search);
// {gilcode: "600570.SH", skin: "white", name: "恒生电子", type: "0"}
SearchParamsGenerator(search).gilcode;
// "600570.SH"

// view/stock/index.html?code=600570.SH&skin=white&name=恒生电子&type="0"

// /view/stock/index.html?code=600570.SH&skin=white&name="恒生电子"&type="0"



// decodeURIComponent(window.location.href);
// "f10/view/stock/index.html?code=600570.SH&skin=white&name=恒生电子&type=0"

// decodeURI(window.location.href);
// "/f10/view/stock/index.html?code%3D600570.SH%26skin%3Dwhite%26name%3D恒生电子%26type%3D0"

let searchParams = new URLSearchParams(search);

searchParams.has("code"); // true
searchParams.get("abc"); // null
searchParams.get("code"); // "600570.SH"
searchParams.getAll("code"); // ["600570.SH"]

searchParams.append("xyz", "666");
searchParams.toString();
// "code=600570.SH&skin=white&name=%22%E6%81%92%E7%94%9F%E7%94%B5%E5%AD%90%22&type=%220%22&xyz=666"
decodeURIComponent(searchParams.toString());
// "code=600570.SH&skin=white&name="恒生电子"&type="0"&xyz=666"
searchParams.set("code", "600580.SH");
searchParams.get("code");
// "600580.SH"
searchParams.delete("code");


searchParams.entries();
searchParams.keys();
searchParams.values();
searchParams.sort();


for (const param of params) {
    let key = ``,
        value = ``;
    key = param[0];
    value = param[1];
    console.log(`param =`, param);
}

for (const param of params.entries()) {
    let key = ``,
        value = ``;
    key = param[0];
    value = param[1];
    console.log(`param =`, param);
}

for (const param of params.keys()) {
    let key = ``,
        value = ``;
    key = param[0];
    value = param[1];
    console.log(`param =`, param);
}


for (const param of params.values()) {
    let key = ``,
        value = ``;
    key = param[0];
    value = param[1];
    console.log(`param =`, param);
}

OK


"use strict";

/**
 *
 * @author xgqfrms
 * @license MIT
 * @copyright xgqfrms
 *
 * @description SearchParamsGenerator
 * @augments
 * @example
 *
 * @param {String} search
 * @param {Boolean} debug
 *
 */


const SearchParams = (search = ``, debug = false) => {
    const params = new URLSearchParams(search);
    let result = {};
    for (let param of params) {
        let key = ``,
            value = ``;
        key = param[0];
        value = param[1];
        result[key] = value;
    }
    return result;
};


const SearchParamsGenerator = (search = ``, debug = false) => {
    const params = new URLSearchParams(search);
    let result = {},
        entries = [...params.entries()],
        keys = [...params.keys()],
        values = [...params.values()];
    for (let param of params) {
        let key = ``,
            value = ``;
        key = param[0];
        value = param[1];
        result[key] = value;
    }
    return {
        result,
        entries,
        keys,
        values
    };
};


let search = decodeURIComponent(window.location.search);
// "?code=600570.SH&skin=white&name=恒生电子&type=0"


SearchParams(search);
SearchParams(search).code;
// "600570.SH"


SearchParamsGenerator(search);
SearchParamsGenerator(search).result.code;
// "600570.SH"

ES6 modules



"use strict";

/**
 *
 * @author xgqfrms
 * @license MIT
 * @copyright xgqfrms
 *
 * @description SearchParamsGenerator
 * @augments
 * @example
 *
 * @param {String} search
 * @param {Boolean} debug
 *
 */


const SearchParams = (search = ``, debug = false) => {
    const params = new URLSearchParams(search);
    let result = {};
    for (let param of params) {
        let key = ``,
            value = ``;
        key = param[0];
        value = param[1];
        result[key] = value;
    }
    return result;
};


const SearchParamsGenerator = (search = ``, debug = false) => {
    const params = new URLSearchParams(search);
    let result = {},
        entries = [...params.entries()],
        keys = [...params.keys()],
        values = [...params.values()];
    for (let param of params) {
        let key = ``,
            value = ``;
        key = param[0];
        value = param[1];
        result[key] = value;
    }
    return {
        result,
        entries,
        keys,
        values
    };
};


export default SearchParams;
export {
    SearchParams,
    SearchParamsGenerator
};


/*

let search = decodeURIComponent(window.location.search);
// "?code=600570.SH&skin=white&name=恒生电子&type=0"


SearchParams(search);
SearchParams(search).code;
// "600570.SH"


SearchParamsGenerator(search);
SearchParamsGenerator(search).result.code;
// "600570.SH"


*/