js解析php格式的表单到json对象

本文涉及的产品
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: /** * JsonParse * Created by usher.yue. * User: usher.yue * Date: 17/9/7 * Time: 13:50 * 心怀教育梦-烟台网格软件技术有限公司 */class JsonConvert {...
/**
 * JsonParse
 *  Created by usher.yue.
 * User: usher.yue
 * Date: 17/9/7
 * Time: 13:50
 * 心怀教育梦-烟台网格软件技术有限公司
 */

class JsonConvert {
    /**
     *是否可合并 去除特殊类型和 日期类型
     * @param value
     * @returns {boolean}
     * @private
     */
    _mergeable(value) {
        var stringValue = Object.prototype.toString.call(value);
        return (!!value && typeof value === 'object') && ( stringValue !== '[object RegExp]'
            && stringValue !== '[object Date]');
    };

    /**
     * 是否有必要合并
     * @param value
     * @param args
     * @returns {*}
     */
    _cloneIfNecessary(value, args) {
        var clone = args && args.clone === true;
        return (clone && _mergeable(value)) ? _deepMerge(Array.isArray(value) ? [] : {}, value, args) : value
    }

    /**
     * 数组深度合并
     * @param target
     * @param source
     * @param args
     * @returns {Array.<T>|string|Blob|ArrayBuffer}
     * @private
     */
    _arrayMerge(target, source, args) {
        var destination = target.slice();
        source.forEach(function (e, i) {
            var ctx = this;
            if (typeof destination[i] === 'undefined') {
                destination[i] = ctx._cloneIfNecessary(e, args);
            } else if (ctx._mergeable(e)) {
                destination[i] = ctx._deepMerge(target[i], e, args);
            } else if (target.indexOf(e) === -1) {
                destination.push(ctx._cloneIfNecessary(e, args));
            }
        }, this);
        return destination
    }

    /**
     *深度合并对象
     * @param target
     * @param source
     * @param args
     * @returns {{}}
     * @private
     */
    _mergeObject(target, source, args) {
        var destination = {};
        var ctx = this;
        if (this._mergeable(target)) {
            Object.keys(target).forEach(function (key) {
                destination[key] = ctx._cloneIfNecessary(target[key], args);
            });
        }
        Object.keys(source).forEach(function (key) {
            if (!ctx._mergeable(source[key]) || !target[key]) {
                destination[key] = ctx._cloneIfNecessary(source[key], args);
            } else {
                destination[key] = ctx._deepMerge(target[key], source[key], args);
            }
        });
        return destination
    }

    /**
     * 深度合并, 可自定义合并函数
     * @param target
     * @param source
     * @param args
     * @returns {*}
     * @private
     */
    _deepMerge(target, source, args) {
        var sourceIsArray = Array.isArray(source);
        var targetIsArray = Array.isArray(target);
        //默认深度合并数组
        var options = args || {arrayMerge: this._arrayMerge};
        //判断是否是一个对象避免浪费时间
        var sourceAndTargetTypesMatch = (sourceIsArray === targetIsArray);
        if (!sourceAndTargetTypesMatch) {
            return this._cloneIfNecessary(source, args)
        } else if (sourceIsArray) {
            return (options.arrayMerge || this._arrayMerge).call(this, target, source, args)
        } else {
            return this._mergeObject(target, source, args)
        }
    }

    /**
     * 必须两个参数
     * @param array
     * @param args
     * @returns {*}
     * @private
     */
    _merge(array, args) {
        if (!Array.isArray(array) || array.length < 2) {
            return false;
        }
        var ctx = this;
        //顺序执行deep merge
        return array.reduce(function (prev, next) {
            return ctx._deepMerge(prev, next, args)
        })
    };

    /**
     * json parser
     * @param obj
     * @param keyList
     * @param deepVal
     * @returns {*}
     * @private
     */
    _parseToJson(obj, keyList, deepVal) {
        let retObj = null;
        if (!keyList) {
            let re = /([_a-zA-Z]\w+|\[\]|\[[0-9]+\]|\[[_a-zA-Z]\w*\])/g;
            let combineArr = [];
            for (var key in obj) {
                retObj = {};
                //解析key
                let matchSubKey = re[Symbol.match](key);
                let indexMatch = /^\[([0-9]+)\]$/.exec(matchSubKey[1]);
                let noneIndexMatch = /^\[\]$/.exec(matchSubKey[1]);
                let objectMatch = /^\[([a-zA-Z_]\w+)\]$/.exec(matchSubKey[1]);
                if (indexMatch) {
                    retObj[matchSubKey[0]] = [];
                } else if (noneIndexMatch) {
                    retObj[matchSubKey[0]] = [];
                } else if (objectMatch) {
                    retObj[matchSubKey[0]] = {};
                }
                retObj[matchSubKey[0]] = this._parseToJson(null, matchSubKey.slice(1), obj[key]);
                combineArr.push(retObj);
            }
            return this._merge(combineArr);
        } else {
            if (keyList.length > 1) {
                let indexMatch = /^\[([0-9]+)\]$/.exec(keyList[0]);
                let noneIndexMatch = /^\[\]$/.exec(keyList[0]);
                let objectMatch = /^\[([a-zA-Z_]\w+)\]$/.exec(keyList[0]);
                if (indexMatch) {
                    retObj = [];
                    retObj[indexMatch[1]] = this._parseToJson(null, keyList.slice(1), deepVal);
                } else if (noneIndexMatch) {
                    retObj = [];
                    retObj[noneIndexMatch[1]] = [];
                    retObj.push(this._parseToJson(null, keyList.slice(1), deepVal));
                } else if (objectMatch) {
                    retObj = {};
                    retObj[objectMatch[1]] = {};
                    retObj[objectMatch[1]] = this._parseToJson(null, keyList.slice(1), deepVal);
                }
            } else if (keyList.length == 1) {
                let indexMatch = /^\[([0-9]+)\]$/.exec(keyList[0]);
                let noneIndexMatch = /^\[\]$/.exec(keyList[0]);
                let objectMatch = /^\[([a-zA-Z_]\w+)\]$/.exec(keyList[0]);
                if (indexMatch) {
                    retObj = [];
                    retObj[indexMatch[1]] = deepVal;
                } else if (noneIndexMatch) {
                    retObj = [];
                    retObj.push(deepVal);
                } else if (objectMatch) {
                    retObj[objectMatch[1]] = deepVal;
                }
            }
        }
        return retObj;
    }

    /**
     * type
     * @param o
     * @returns {*}
     * @private
     */
    _type(o) {
        return Object.prototype.toString.call(o);
    }

    /**
     * 转换
     * @param obj
     * @returns {*}
     */
    parse(obj) {
        return this._parseToJson(obj);
    }

    /**
     * 转换
     * @param obj
     * @returns {*}
     */
    stringify(obj) {
        return JSON.stringify(this._parseToJson(obj));
    }
}


var obj = {
    'data[0][classid][0]': '1000150097620084286',
    'data[0][create_time][0]': '1504692288',
    'data[0][kcid][0]': '1033150427887550927',
    'data[0][schoolid][0]': '1033144479144228284',
    'data[0][type][0]': '2',
    'data[0][uid][0]': '1034145308280458231',
    'data[0][zyid][0]': '1000150235157063544',
    'data[0][zytype][0]': 'homework-exercise',

    'data[1][classid][0]': '10001500976200842861',
    'data[1][create_time][0]': '1504692288',
    'data[1][kcid][0]': '1033150427887550927',
    'data[1][schoolid][0]': '1033144479144228284',
    'data[1][type][0]': '2',
    'data[1][uid][0]': '1034145308280458231',
    'data[1][zyid][0]': '1000150235157063544',
    'data[1][zytype][0]': 'homework-exercise',
    //
    'data[2][classid][]': '10001500976200842861',
    'data[2][create_time][]': '1504692288',
    'data[2][kcid][]': '1033150427887550927',
    'data[2][schoolid][]': '1033144479144228284',
    'data[2][type][]': '2',
    'data[2][uid][]': '1034145308280458231',
    'data[2][zyid][]': '1000150235157063544',
    'data[2][zytype][]': 'homework-exercise',

    'data[3][classid][]': '10001500976200842861',
    'data[3][create_time][]': '1504692288',
    'data[3][kcid][]': '1033150427887550927',
    'data[3][schoolid][]': '1033144479144228284',
    'data[3][type][]': '2',
    'data[3][uid][]': '1034145308280458231',
    'data[3][zyid][]': '1000150235157063544',
    'data[3][zytype][]': 'homework-exercise',

    'data[3][classid][]': '10001500976200842861',
    'data[3][create_time][]': '1504692288',
    'data[3][kcid][]': '1033150427887550927',
    'data[3][schoolid][]': '1033144479144228284',
    'data[3][type][]': '2',
    'data[3][uid][]': '1034145308280458231',
    'data[3][zyid][]': '1000150235157063544',
    'data[3][zytype][]': 'homework-exercise'
};


let json = new JsonConvert();
console.log(json.parse(obj));
console.log(json.stringify(obj))
目录
相关文章
|
9天前
|
移动开发 JavaScript 前端开发
js之操作表单 | 12-4
js之操作表单 | 12-4
|
17天前
|
移动开发 前端开发 JavaScript
JavaScript 表单
JavaScript 表单
24 9
|
14天前
|
JSON API 数据格式
requests库中json参数与data参数使用方法的深入解析
选择 `data`或 `json`取决于你的具体需求,以及服务器端期望接收的数据格式。
61 2
|
21天前
|
JSON 前端开发 JavaScript
解析JSON文件
解析JSON文件
63 9
|
21天前
|
人工智能 前端开发 JavaScript
react js 处理表单( form )的2个例子
react js 处理表单( form )的2个例子
|
27天前
|
存储 JSON API
Python编程:解析HTTP请求返回的JSON数据
使用Python处理HTTP请求和解析JSON数据既直接又高效。`requests`库的简洁性和强大功能使得发送请求、接收和解析响应变得异常简单。以上步骤和示例提供了一个基础的框架,可以根据你的具体需求进行调整和扩展。通过合适的异常处理,你的代码将更加健壮和可靠,为用户提供更加流畅的体验。
64 0
|
2月前
|
大数据 数据处理 分布式计算
JSF 逆袭大数据江湖!看前端框架如何挑战数据处理极限?揭秘这场技术与勇气的较量!
【8月更文挑战第31天】在信息爆炸时代,大数据已成为企业和政府决策的关键。JavaServer Faces(JSF)作为标准的 Java Web 框架,如何与大数据技术结合,高效处理大规模数据集?本文探讨大数据的挑战与机遇,介绍 JSF 与 Hadoop、Apache Spark 等技术的融合,展示其实现高效数据存储和处理的潜力,并提供示例代码,助您构建强大的大数据系统。
32 0
|
2月前
|
监控 网络协议 Java
Tomcat源码解析】整体架构组成及核心组件
Tomcat,原名Catalina,是一款优雅轻盈的Web服务器,自4.x版本起扩展了JSP、EL等功能,超越了单纯的Servlet容器范畴。Servlet是Sun公司为Java编程Web应用制定的规范,Tomcat作为Servlet容器,负责构建Request与Response对象,并执行业务逻辑。
Tomcat源码解析】整体架构组成及核心组件
|
2月前
|
存储 NoSQL Redis
redis 6源码解析之 object
redis 6源码解析之 object
58 6
|
21天前
|
存储 缓存 Java
什么是线程池?从底层源码入手,深度解析线程池的工作原理
本文从底层源码入手,深度解析ThreadPoolExecutor底层源码,包括其核心字段、内部类和重要方法,另外对Executors工具类下的四种自带线程池源码进行解释。 阅读本文后,可以对线程池的工作原理、七大参数、生命周期、拒绝策略等内容拥有更深入的认识。
什么是线程池?从底层源码入手,深度解析线程池的工作原理

热门文章

最新文章

推荐镜像

更多
下一篇
无影云桌面