基本的數(shù)組序列化功能

/**
 * 每日一題
 * 基本的數(shù)組序列化功能, 【jQuery.param 簡單實(shí)現(xiàn)】
 * @param  {Array<{name,value}>} arr 待序列化的原數(shù)組
 * @return {string} 返回一個(gè)序列化后字符串
 */
function param (arr) {
    var str = '';
    // TODO
    if (Array.isArray(arr)) {
        str = arr.map(function (item) {
            return item.name + '=' + item.value;
        }).join('&');
    }
    else {
        str = param(obj2arr(arr));
    }
    return str;
}
/**
 * 非序列化數(shù)組對象轉(zhuǎn)化為數(shù)組
 * @param  {a: 1, b: [2, 3]} obj 對象
 * @return {[{name: 'a', value: 1}, {name: 'b', value: 2}, {name: 'b', value: 3}]} 序列化數(shù)組
 */
function obj2arr (obj) {
    var arr = [];
    Object.keys(obj).forEach(function (k) {
        if (Array.isArray(obj[k])) {
            arr = arr.concat(obj[k].map(function (v) {
                return {
                    name: k,
                    value: v
                };
            }));
        }
        else {
            arr.push({
                name: k,
                value: obj[k]
            });
        }
    });
    return arr
}
// Example:
var arr = [
    {
        name: 'a',
        value: 1
    },{
        name: 'a',
        value: 2
    },{
        name: 'b',
        value: 'abc'
    },{
        name: 'c',
        value: 'xxx'
    },{
        name: 'a',
        value: 1
    }
];

var obj1 = {
    a: 1,
    b: 'abc',
    c: 'xxx'
};
var obj2 = {
    a: [1, 2, 1],
    b: 'abc',
    c: 'xxx'
};

console.log( param(arr) );  // 'a=1&a=2&b=abc&c=xxx&a=1'
console.log( param(obj1) );  // 'a=1&b=abc&c=xxx'
console.log( param(obj2) );  // 'a=1&a=2&a=1&b=abc&c=xxx'

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容