欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JSON:结构化数据格式

程序员文章站 2022-12-22 11:26:58
JSON是javascript的子类,也是作为更好的互联网传输结构化数据格式逐渐取代XML,因此要理解JSON,重要的是理解它是一种数据格式,不是一种编程语言。 语法 由于JSON是数据格式,所以没有变量的概念,同时键值必须使用双引号。 JSON的stringify与parse方法(序列化与解序) ......

  json是javascript的子类,也是作为更好的互联网传输结构化数据格式逐渐取代xml,因此要理解json,重要的是理解它是一种数据格式,不是一种编程语言。

  语法

  

//javascript

var object = {
    "name":"lihua",
    "age":"20",
    "gender":undefined
}

//json

{
    "name":"lihua",
    "age":"20",
}

 

由于json是数据格式,所以没有变量的概念,同时键值必须使用双引号。

  json的stringify与parse方法(序列化与解序)

  早期的json解析器基本上都使用了eval()函数,但是可能会执行恶意代码(eval函数可以解析,解释并返回js对象。ecmascript 5再后来规范了json行为,定义了全局对象json,并添加了两个json方法:stringify()和parse()。

  

var person = {
    name:"lihua",
    age:"18",
    hobby:[
        "basketball",
        "badminton"
    ],
    action:function(){
         alert("help")
    }  
}

var jsontext = json.stringify(book)
//{"name":"lihua","age":"18","hobby":["basketball","badminton"]}

var jstext = json.parse(jsontext);

 在序列化时,函数与原型对象成员都将被忽略(json只接受两种复杂类型对象与数组),值为undefined的属性值也会被跳过。

 序列化选项与结构化选项

  

var person = {
    name:"lihua",
    age:"18",
    hobby:[
        "basketball",
        "badminton"
    ]
}
//stringify第二个参数为过滤项
var jsontext1 = json.stringify(person,["name","hobby"]);
//{"name":"lihua","hobby":["basketball","badminton"]}
var jsontext2 = json.stringify(person,function(key,value){
    switch(key){
        case "name":
            return "zhoujielun";
        case "age":
            return 17;
        case "hobby":
            return value.join(",")
        default:
            return value
    }
});
//{"name":"zhoujielun","age":17,"hobby":"basketball,badminton"}

//stringify第三个参数为字符串缩进
var jsontext3 = json.stringify(person,null,"--");
// {
//     --"name": "lihua",
//     --"age": "18",
//     --"hobby": [
//     ----"basketball",
//     ----"badminton"
//     --]
// }

//json.parse与stringify相同