码迷,mamicode.com
首页 > Web开发 > 详细

JSON格式数据

时间:2019-10-13 00:44:24      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:类型   func   test   def   现在   ini   不能   转化   函数   

1. 基础知识

1. 什么是JSON格式?

JSON格式是现在网站数据交互的标准数据格式,写入标准。

  • 取代原来的XML;符合JS原生语法,可以被直接解析,不需要额外的解析文件。
  • 书写简单,一目了然

2. 合格的JSON数据

1.对象{...}

1)属性名必须是双引号的字符串;不能是Symbol类型;会被忽略

2)属性值不能是Date类型、函数、正则表达式、undefined、NaN、Infinity、-Infinity

JSON.stringify(value)的作用是将值转化为JSON的字符串形式。

JSON.stringify({a: new Date()});
// "{"a":"2019-10-12T15:16:13.833Z"}" 
// new Date()由于toJSON()方法的存在,由对象变成了字符串类型,Date.parse()无法复原JSON
JSON.stringify({[symbol()]: 5}); // "{}"   Symbol的属性被忽略
JSON.stringify({a: function(){}}); // "{}" function的属性值被忽略
JSON.stringify({a: undefined}); // "{}" undefined的属性值被忽略
JSON.stringify({a: /a/}); // "{"a": {}}" 正则表达式被解析成{}
JSON.stringify({a: NaN}); // "{"a": null}" NaN被解析成null
JSON.stringify({a: Infinity}); // "{"a": null}" Infinity被解析成null
JSON.stringify({a: -Infinity}); // "{"a": null}" -Infinity被解析成null

3)属性值如果含有字符串,必须全部是双引号

var obj={ //这是个对象,不是JSON
    a: [‘k‘,‘m‘],
    b: ‘n‘,
    c: {d: ‘e‘}  
}
JSON.stringify(obj);
/* 标准的JSON格式如下:
    "{
       "a": ["k", "m"],
       "b": "n",
       "c": {"d": "e"}
    }" 
*/

4)对象不能循环引用,否则无法解析

let obj ={a: 1}
let obj2 = {b: 2};
obj.c = obj2;
obj2.d = obj;

JSON.stringify(obj2); //Uncaught TypeError: Converting circular structure to JSON

5) 合格的JSON格式数据最后一个元素后面不能有,

JSON.stringify({a:1,}); // "{"a":1}" 转为JSON格式,逗号消失,说明JSON不能有逗号

2. 数组[]

数组的元素不能是Date,Symbol,RegExp,function,NaN,undefined,Infinity,-Infinity。

除了正则表达式会被解析成{ },  其余6个都会被解析成null

最后一个元素后面不能有逗号(,)

JSON.stringify([Symbol(), undefined, NaN, Infinity,-Infinity,function(){}, /a/]);
// "[null,null,null,null,null,null,{}]"

3. 原始数据类型

字符串、数字(十进制)、布尔值、null

JSON.stringify(‘true‘);//  ""true"" 将字符串单引号变为双引号,再字符串化
JSON.stringify(‘true‘) === "\"true\"" ;// true

JSON.stringify(0x99); // "153" 不能是十进制以外的数字,会被自动转为十进制,通过JSON.parse()无法还原

JSON.stringify(99); //"99"
JSON.stringify(true); // "true"
JSON.stringify(null); //"null" 

?不能是:Symbol、undefined、NaN、Infinity、-Infinity

前两个会被忽略,和空函数一样,默认返回undefined

后面的会被解析成null

JSON.stringify(Symbol()); // undefined
JSON.stringify(undefined);// undefined
JSON.stringify(NaN); // "null"
JSON.stringify(Infinity); // "null"
JSON.stringify(-Infinity); // "null"

2. JSON.stringify(value[, replacer, space])

该方法将任意类型的值,转为JSON对象的字符串格式。

1)如果对象有自定义的toJSON方法,value将是toJSON的返回值

Date对象原生含有toJSON()方法。将对象转为字符串,所以Date对象不能作为JSON格式的值。

// 自定义toJSON()方法
var obj={
    a: 1,
    toJSON(){
        return {c:1}
    }
};
JSON.stringify(obj); //"{"c":1}"

2)当value是对象时,会过滤掉不可遍历属性

var obj = {};
Object.defineProperties(obj, {
    "foo": {
        value: 5,
        enumerable: false
    },
    "bar": {
         value: 6,
         enumerable: true
    }
});
obj; // {foo: 5, bar; 6}
JSON.stringify(obj); // "{"bar": 6}"

3) 第二个参数可以是数组,只有当value是对象时,表示可以遍历的属性;

起过滤作用! 可以过滤掉循环引用的属性。

var obj = {
    foo: {bar: 5},
    bar: {foo: 6},
    tar: 7
};
JSON.stringify(obj, [‘foo‘]); // "{"foo": {}}" 因为第二个参数规定了只序列化foo属性,嵌套的属性也适用该规则

第二个参数还可以是函数function(key,value){},用于处理数据;而且可以递归处理所有的属性。

该函数默认形式是:

funtion(key,value){
   return value;
}

不论第一个参数是什么类型的值,函数第一次处理的key都没有对应,value是本身;

如果返回的value值不是原始数据类型,则递归调用函数,函数对应的处理对象都是上次返回的结果。

a. 当value是对象时,key,value对应对象的键值对

JSON.stringify({a:1,b:2}, function(key,value) {
    console.log("key=",key, "value=",value);
    return value
}) // "{"a":1,"b":2}"
// key=  value= {a: 1, b: 2}
// key= a value= 1
// key= b value= 2

JSON.stringify({a:1,b:2}, function(key,value) {
    if(typeof value === ‘number‘) {
        value += 10;
    }
    return value;
}); // "{"a": 11, "b":12}"

b. 当value是数组时,key对应数组下标, value对应值

JSON.stringify([1,2], function(key,value){
    console.log("key=",key, "value=",value);
    return value;
}) //"[1,2]"
// key=    value= [1, 2]
// key= 0 value= 1
// key= 1 value= 2

c. 当value是原始类型的值时, 不需要递归调用

JSON.stringify(5, function(key,value){ return value+5}) //"10"
JSON.stringify(‘5‘, function(key,value){ return value+5}) // "55"

4)第三个参数主要用来增加可读性,调整返回格式;

 如果参数是一个数字(<10),表示在返回的属性面前的空格数量;

JSON.stringify({a: {b:1}}, function(key,value) {
    return value
}, 4);
/*
"{
    "a": {
        "b": 1
    }
}
*/

如果参数是一个字符串(length<10), 表示在属性前面添加该字符串

JSON.stringify({a: {b:1}}, function(key,value) {
    return value
}, ‘|--‘);
/*
"{
|--"a": {
|--|--"b": 1
|--}
}"
*/

3.JSON.parse(value[, function(key,value){}])

JSON.parse(value)将JSON对象的字符串形式,转为JSON对象;

value必须是合格JSON数据的字符串,否则会抛出异常!

所以JSON.parse方法在不能确认参数是否正常的情况下,应该try...catch...

try{
    JSON.parse("‘test‘"); 
     // 最外层的引号是字符串格式,里面是JSON数据‘test‘,单引号抛出异常
} catch {
   console.log("参数格式错误");
}
// 其实如果是(‘"test"‘)不会抛出异常,字符串包含的是JSON数据"test"

第二个参数的用法同JSON.stringify()的第二个参数是函数的用法。

 

JSON格式数据

标签:类型   func   test   def   现在   ini   不能   转化   函数   

原文地址:https://www.cnblogs.com/lyraLee/p/11664453.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!