当前位置：首页 > 编程日记 > 正文

一些JSON相关的函数

编程日记 2024-11-05 12:30:00

JSON作为一种轻量的数据传输格式，越来越受到人们的青睐。下面是我仿照Prototype的一些实现。

JSONFilter:/^///*-secure-([/s/S]*)/*///s*$/, 
unfilterJSON:function(json,filter) { 
    return json.replace((filter || dom.JSONFilter), function(a,b){ 
        return b || ""
    }); 
},

JSONFilter完全抄自Prototype，因为后台基本上只会传输两种格式的东西给我们——文本（xmlhttp.responseText）与XML（xmlhttp.responseXML）。如果要json，我们可以eval一下，或者使用现代浏览器提供的JSON.parse方法。但问题就出在eval中，很容易出现XSS攻击。如果文本是注释就可以避免这问题，在Prototype中还检察一下请求的来源。对于自家的网站的请求，我们完全可以在请求前处理一下，让它变成如下格式：

var text = '/*-secure-/n{"name": "Violet", "occupation": "character", "age": 25}/n*/'
 dom.unfilterJSON(text) 
// -> '{"name": "Violet", "occupation": "character", "age": 25}'

到时我们用unfilterJSON函数提取合法的字段来eval就没问题了。

第二个函数，判断字符串是否符合JSON的格式。JSON是有固定的格式，要求键必须被双引号括起来。下面的函数提取自json2：

isJSONText:function(json){// 
    return /^[/],:{}/s]*$/.test(json.replace(///(?:["bfnrt]|u[0-9a-fA-F]{4})/g, "@") 
        .replace(/"[^"///n/r]*"|true|false|null|-?/d+(?:/./d*)?(?:[eE][+/-]?/d+)?/g, "]") 
        .replace(/(?:^|:|,)(?:/s*/[)+/g, "")); 
},

第三个函数，将符合JSON的格式的文本变成JSON对象。第二参数用于指明此文本是否安全（如，是否同源请求）。如果能用原生对象的parse方法就用原生的，否则动态解析它。之所以不用eval，是因为ecma那帮人头脑发热，想禁掉它。

        evalJSON: function( json ,sanitize) {   
            if ( !is(json,"String") || !json ) 
                return null; 
            json = dom.unfilterJSON(json); 
            //判定是否符合JSON的格式 from http://json.org/json2.js 
            if ( !sanitize || dom.isJSONText(json) ) { 
                return window.JSON && window.JSON.parse ? 
                window.JSON.parse( json ) : (new Function("return " + json))(); 
            } else { 
                throw  "Invalid JSON: " + json; 
            } 
        } 
//http://www.21kaiyun.com
var data =dom.evalJSON( '{ "name": "Violet", "occupation": "character" }'); 
data.name; 
//-> "Violet"

第四函数，将JSON对象变成文本。

// http://www.21kaiyun.com
//21世纪开运网 
//   var a = [1,2,3,4,{aa:8}]; puts(dom.toJSON(a)) 
toJSON:function(obj){ 
    if (window.JSON && window.JSON.stringify) { 
        return JSON.stringify(obj) 
    } 
    if (typeof window.uneval == 'function') { 
        return uneval(obj); 
    } 
    if (typeof obj == 'object') { 
        if (!obj) { 
            return 'null'; 
        } 
        var list = []; 
        if (dom.is(obj,"Array")) { 
            for (var i=0,n=obj.length;i <n;i++) { 
                list.push(dom.toJSON(obj[i])); 
            } 
            return '[' + list.join(',') + ']'; 
        } else { 
            for (var prop in obj) { 
                if(obj[has](prop)) 
                    list.push('"' + prop + '":' + dom.toJSON(obj[prop])); 
            } 
            return '{' + list.join(',') + '}'; 
        } 
    } else if (typeof obj == 'string') { 
        return '"' + obj.replace(/(["'])/g, '//$1') + '"'; 
    } else { 
        return new String(obj); 
    } 
},

toJSON : function(obj) { 
    if(is(window.JSON,"JSON")){ 
        return JSON.stringify(obj) 
    } 
    function f(n) { 
        return n < 10 ? '0' + n : n; 
    } 
    var escapable = /[///"/x00-/x1f/x7f-/x9f/u00ad/u0600-/u0604/u070f/u17b4/u17b5/u200c-/u200f/u2028-/u202f/u2060-/u206f/ufeff/ufff0-/uffff]/g; 
    var meta = { 
        '/b': '//b', 
        '/t': '//t', 
        '/n': '//n', 
        '/f': '//f', 
        '/r': '//r', 
        '"' : '//"', 
        '//': ''
    }; 
    function _char(c) { 
        return meta[c] ? meta[c] :'//u'+('0000'+(+(c.charCodeAt(0))).toString(16)).slice(-4); 
    } 
    function _string(s) { 
        return '"' + s.replace(escapable, _char) + '"'; 
    } 
    if(is(obj,"Date")){ 
        return  '"' + obj.getUTCFullYear() + '-' + 
        f(obj.getUTCMonth() + 1) + '-' + 
        f(obj.getUTCDate())      + 'T' + 
        f(obj.getUTCHours())     + ':' + 
        f(obj.getUTCMinutes())   + ':' + 
        f(obj.getUTCSeconds())   + 'Z"' ; 
    }else if(is(obj,"Number")){ 
        return isFinite(obj) ? obj+'' : 'null'; 
    }else if(is(obj,"Boolean")){ 
        return  obj+''
    }else if(is(obj,"String")){ 
        return _string(obj) 
    }else if(obj === null){ 
        return "null"
    }else if(is(obj,"Array")){ 
        return '[' + (dom.filter(obj,function(value){ 
            return dom.toJSON(value) !== undefined; 
        })).join(', ') + ']'; 
    }else if(is(obj,"Object")){ 
        var results = []; 
        dom.each(obj,function(value,key){ 
            value = dom.toJSON(value) 
            if (!value) 
                results.push(dom.toJSON(key) + ': ' + value); 
        }); 
        return '{' + results.join(', ') + '}'; 
    }else { 
        return undefined; 
    } 
},

Is函数

目前最精确的判定方法（不包括自定义类型）

//2010.6.1更新 
        var is = function (obj,type) { 
        return (type === "Null" && obj === null) || 
        (type === "Undefined" && obj === void 0 ) || 
        (type === "Number" && isFinite(obj)) || 
         Object.prototype.toString.call(obj).slice(8,-1) === type; 
    },

用法如下：

//***************示例一，判定数组与函数 
        var forEach = function(array,fn,bind){ 
          if(is(array,"Array") && is(Array.forEach,"Function")){ 
            array.forEach(fn,bind); 
          }else{ 
            for(var i=0,n=array.length;i<n;i++){ 
              i in array && fn.call(bind,array[i],i,array) 
            } 
          } 
        } 
//***************示例二，判定null 
var a = null
alert(is(a,"Null")) 
//***************示例二，判定undefined 
var b 
alert(is(b,"Undefined"))

另一个变种，直接返回表示类型的字符串

var getType = function (obj) { 
  var _toString = Object.prototype.toString,undefined; 
  return obj === null? "Null": 
    obj === undefined ? "Undefined": 
    _toString.call(obj).slice(8,-1); 
};

用法：

var arr = [1,2,3,4] 
      alert(getType(arr));//Array 
      var nil = null
      alert(getType(nil))//Null 
      var und ; 
      alert(getType(und))//Undefined 
      var spans = document.getElementsByTagName("span"); 
      alert(getType(spans)) //HTMLCollection 
      alert(getType(spans[0].childNodes))//NodeList

//2010.7.20 
function isA (thing, canon) { 
  // special case for null and undefined 
  if (thing == null || canon == null) { 
    return thing === canon; 
  } 
  return Object.getPrototypeOf(Object(thing)) == Object.getPrototypeOf(Object(canon)); 
} 
function isBool (thing) { 
  return isA(thing, true); 
} 
function isNumber (thing) { 
  return isA(thing, 0) && isFinite(thing); 
} 
function isString (thing) { 
  return isA(thing, ""); 
}

https://www.dkcj.cn/info/26172.html

一些JSON相关的函数

相关文章：

太任性！17 岁少年买不到回国机票，因“泄愤”攻击航司系统，被判刑 4 年

hbase2.0.0-安装部署

Git详解之二 Git基础

一致性哈希(Consistent Hashing)

CT片居然可以这么玩：用头部CT断层扫描片复原三维头像

Nginx学习笔记（一） Nginx架构

PXE实现批量部署linux系统

首场见习挑战赛倒计时3天！20000元奖学金瓜分就等你了！

一致性哈希算法以及其PHP实现

Linux入门（四）

OSI[七层]与TCP/IP[四层]模型简述简图

中国国际消费电子博览会拥抱转型，全新面貌拭目以待！

Fragment提交transaction导致state loss异常

ASP网络编程从入门到精通下载

项目Makefile文件模板

小撒、金晨都想拥有！百度全球首款汽车机器人亮相，车内躺着看星星

解决oracle11g安装导致数据库无法自动搜集统计信息-转

服务器监控--cacti中英文版安装全解

lighttpd1.4.18代码分析

惊艳亮相！马斯克发布自研超算 Dojo 芯片、特斯拉人形机器人

git revert和git reset的区别

python之深浅拷贝

linux:关于Linux系统中 CPU Memory IO Network的性能监测

火爆 GitHub！这个 AI 神器究竟有什么魅力？

HTTP 状态代码

[Web 开发] 定制IE下载对话框的按钮（打开/保存）

25 年汽车技术老兵亲述，自动驾驶新驶向

当你学了现在的忘了前面的

HTTP referer

设置grep高亮显示匹配项