detail[0][name]格式与数组格式的转换

44 阅读1分钟

在实际开发中,可能会存在将数组直接转成detail[0][name]进行回显,或者将detail[0][name]转换成对象的格式方便取值,本文描述这两种格式的转换。

detail[0][name]转换成对象

function formNameToJson(dataVal) {
    $.each(dataVal, function (strK, val) {
        if (strK.indexOf('[') !== -1) {
            var strkArr = strK.split('[');
            var newJsonStrStart = '';
            var newJsonStrEnd = '';

            val = val.replaceAll('\\', '\\\\');
            val = val.replaceAll('\0', '\\0');
            val = val.replaceAll('\b', '\\b');
            val = val.replaceAll('\t', '\\t');
            val = val.replaceAll('\n', '\\n');
            val = val.replaceAll('\v', '\\v');
            val = val.replaceAll('\f', '\\f');
            val = val.replaceAll('\r', '\\r');
            val = val.replaceAll('"', '\\\"');

            $.each(strkArr, function (k, v) {
                var newKey = v.replace(']', '');
                if (typeof newKey === 'number' && !isNaN(newKey)) {
                    newJsonStrStart += '{' + newKey + ':'
                } else {
                    newJsonStrStart += '{"' + newKey + '":'
                }

                if (k == 0) {
                    newJsonStrEnd += '"' + val + '"}'
                } else {
                    newJsonStrEnd += '}';
                }
            })

            var jsonObj = JSON.parse(newJsonStrStart + newJsonStrEnd);
            dataVal = deepObjectMerge(dataVal, jsonObj);
            delete dataVal[strK];
        }
    })

    return dataVal;
}

function deepObjectMerge(target, source) {
    for (const key in source) {
        if (key.hasOwnProperty) {
            target[key] =
                target[key] && typeof target[key] === 'object'
                    ? deepObjectMerge(target[key], source[key])
                    : (target[key] = source[key]);
        }
    }
    return target;
}

使用

//item格式{details[0][effectiveBeginTime]: "", details[0][effectiveEndTime]: ""}
var item = formNameToJson(item)
//调用函数转换完的格式为{details:{0:{effectiveBeginTime: "",effectiveEndTime: ""}}}
//其中0details[0][effectiveBeginTime]0

将数组直接转成detail[0][name]

function formValNameStr(data){
    var runNext=false;
    $.each(data,function(k,v){
        if(typeof(v)=='object'){
            runNext=true;
            $.each(v,function(vk,vv){
                    data[k+"["+vk+"]"]=vv;
                    delete data[k];
            })
        }
    })
    if(runNext){
            return formValNameStr(data);
    }
    return data;
}