js 操作json对象增删改

最新推荐文章于 2023-01-09 17:58:08 发布

转载最新推荐文章于 2023-01-09 17:58:08 发布 · 388 阅读

文章标签：

#json

本文介绍了一种使用jQuery将HTML表单序列化为JSON字符串的方法，并提供了添加、修改和删除JSON数据项的实用函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 //将表单序列化成字符串
        $.fn.serializeObject = function () {
            var obj = {};
            var count = 0;
            $.each(this.serializeArray(),
                function (i, o) {
                    var n = o.name, v = o.value;
                    count++;
                    obj[n] = obj[n] === undefined
                        ? v
                        : $.isArray(obj[n])
                            ? obj[n].concat(v)
                            : [obj[n], v];
                });
            obj.nameCounts = count + ""; //表单name个数
            return JSON.stringify(obj);
        };

        //添加或者修改json数据
        function setJson(jsonStr, name, value) {
            if (!jsonStr) jsonStr = "{}";
            var jsonObj = JSON.parse(jsonStr);
            jsonObj[name] = value;
            return JSON.stringify(jsonObj);
        }

        //删除数据
        function deleteJson(jsonStr, name) {
            if (!jsonStr) return null;
            var jsonObj = JSON.parse(jsonStr);
            delete jsonObj[name];
            return JSON.stringify(jsonObj);
        }

        ////生成测试
        //    var myjsonStr = setJson(null,"name","aaa");
        //    alert(myjsonStr);
        ////添加测试
        //    myjsonStr = setJson(myjsonStr,"age",18);
        //    alert(myjsonStr);
        ////修改测试
        //    myjsonStr = setJson(myjsonStr,"age",20);
        //    alert(myjsonStr);
        ////删除测试
        //    myjsonStr = deleteJson(myjsonStr,"age");
        //    alert(myjsonStr);