自制json转化函数

自制json转化函数

月光魔力鸭

2018-08-30 18:38 阅读 134 喜欢 0 json转化 对象转string

在web开发过程中,现在JSON 已经到了俯拾皆是的地步了,操作JSON对于JS来说非常简单,那么我们对于JSON的转化是如何应对的呢?

一、JSON插件

json2.js

json2.js主要功能是做什么的? json2.js提供了json的序列化和反序列化方法,可以将一个json对象转换成json字符串,也可以将一个json字符串转换成一个json对象。 json2.js在浏览器不支持json.parse的内置方法时,最有效。json2.js会创建一个内部的全局变量,提供json对象与字符串之间的转换。

二、浏览器自带

常用的eval 方法,可以将json字符串转化为js对象,不过eval不太好调试,且性能稍微有点下降,不过也还好了。 至于网上所说的安全性问题,我觉的不是很大,具体可以参考知乎,有比较详细的解答,相信各位看官能够自行理解。

三、自己实现

如果以上两种都不满足的话,可以自行实现这些需求。 我现在用的反序列化是eval ,序列化是自己写的,下面贴出代码,各位看官顺便提出下各自的见解。

stringfy : function(obj){
        if(null == obj || obj == undefined)return undefined;
        if(typeof obj == 'string')return obj;
        if(typeof obj =='number')return obj;
        var arrParse = function(temp){
            var tempstr = [];
            tempstr.push('[');
            for(var i=0;i<temp.length;i++){
                var tempobj = temp[i];
                var str = switchObj(tempobj);
                tempstr.push(str);
                if(i != temp.length-1){
                    tempstr.push(',');
                }
            }
            tempstr.push(']');
            return tempstr.join('');

        };
        var switchObj  = function(tempobj){
            if(typeof tempobj == 'object'){
                if(tempobj instanceof Array){
                    return arrParse(tempobj);
                }else if(tempobj instanceof Object){
                    return objParse(tempobj);    
                }
            }else if(typeof tempobj == 'function'){
                return ''+tempobj.toString()+'';
            }else{
                return '"'+tempobj+'"';
            }
            return '';
        };
        var objParse = function(obj){
            var htmls = [];
            htmls.push('{');
            for(var p in obj){
                var tempobj = obj[p];
                var str= switchObj(tempobj);
                htmls.push('"'+p+'":'+str+'');
                htmls.push(',');
            }
            htmls.splice(htmls.length-1);
            htmls.push('}');
            return htmls.join('');
        };
        return switchObj(obj);
    }

小白的写法,字符串拼接,刚接触JS ,勿喷...

转载请注明出处: https://chrunlee.cn/article/parse-json-to-string.html


感谢支持!

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
突然来了一个调研任务,想要实现一个类似3D虚拟展厅类似的需求,主要就是放一些学生的作品,然后预览啥的,效果还是要全景的效果。 经过一番调查,最终锁定了以前从未接触过的krpano。
关于web打印,需要对页面内容进行页面样式设置,呈现出分页的样子,同时对于题目中的图片或表格尽量不分到两个页面中,因此实现了一个jquery的web打印插件,当然,这个插件目前只适用于部分情况,仅供借鉴
this 是 JavaScript 的一大难点,多年经验的前端程序员都可能对这方面模糊。this 在大量的函数、类库中都有使用,理清显式绑定和隐式绑定有助于理解或书写这类函数。
前端时间搞了个小转码,放在后台,但是特别占带宽,想着能不能从前台把这个事搞定呢?读取图片的二进制,然后将字节流处理后重新生成图片展示处理啊。
业务中有一段涉及到处理canvas的图片然后将内容进行上传,后测试发现在IE中不好使哎...
偶尔练习下canvas,这里简单记录下常用API,防止遗忘..加深记忆..努力提高..争取突破...daydayup
在今天之前,我对canvas中rotate其实是一脸蒙逼的... 虽然之前有做过图片旋转,但那是在他人的基础上直接修改的,至于为啥会这样..讲真,还真没注意过,但是今天又需要用到这块了,实在搞不定了,找了各种资料,终于明白了.. 坐标系的问题。
通过jspdf ,我们可以将页面或图片生成pdf下载下来,如果是一些复杂的页面,我们可以将页面转成图片,然后把图片加入到pdf中,生成并下载。