一些JSON相关的函数

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://linuxstyle.blog.csdn.net/article/details/5774290

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, "");
}
展开阅读全文

没有更多推荐了,返回首页