基本的数组序列化功能

作者: 云香水识 | 来源:发表于2016-06-12 19:30 被阅读246次
    /**
     * 每日一题
     * 基本的数组序列化功能, 【jQuery.param 简单实现】
     * @param  {Array<{name,value}>} arr 待序列化的原数组
     * @return {string} 返回一个序列化后字符串
     */
    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;
    }
    /**
     * 非序列化数组对象转化为数组
     * @param  {a: 1, b: [2, 3]} obj 对象
     * @return {[{name: 'a', value: 1}, {name: 'b', value: 2}, {name: 'b', value: 3}]} 序列化数组
     */
    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'
    
    

    相关文章

      网友评论

        本文标题:基本的数组序列化功能

        本文链接:https://www.haomeiwen.com/subject/pjaedttx.html