JavaScript笔记-标准对象-JSON

JSON是一种数据交换格式，JS中的相关函数课用于数据的序列化（变为JSON格式）和反序列化（从JSON格式导入JS变量）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标准对象-JSON</title>
</head>
<body>

<script>
    /*
    * JSON是数据交换的一个格式，JSON中的数据和JavaScript中的数据一一对应
    * */

    /*序列化*/
    var me={
        name:"Sang",
        age:20,
        height:1.72,
        skill:['play','go play','play go go']
    }

    var s=JSON.stringify(me);
    console.log(s);//{"name":"Sang","age":20,"height":1.72,"skill":["play","go play","play go go"]}

    var sPretty=JSON.stringify(me,null,' ');
    console.log(sPretty);
    // {
    //     "name": "Sang",
    //     "age": 20,
    //     "height": 1.72,
    //     "skill": [
    //     "play",
    //     "go play",
    //     "play go go"
    // ]
    // }

    var sSpec=JSON.stringify(me,['name','age'],' ');//筛出name和age两项
    console.log(sSpec);
    // {
    //     "name": "Sang",
    //     "age": 20
    // }

    function convert(key,value) {
        if (typeof value === 'string') {
            return value.toUpperCase();
        }
        return value;//必须写这一句，貌似所有情况的都得返回
    }

    var sUpperCase=JSON.stringify(me,convert,' ');
    console.log(sUpperCase);
    // {
    //     "name": "SANG",
    //     "age": 20,
    //     "height": 1.72,
    //     "skill": [
    //     "PLAY",
    //     "GO PLAY",
    //     "PLAY GO GO"
    // ]
    // }


    var superMe={
        name:"Sang",
        age:20,
        height:1.72,
        skill:['play','go play','play go go'],
        toJSON:function(){//在对象内部定义一个序列化函数
            return {//只返回一部分
                'Name':this.name,//还可以改键
                'age':this.age
            }
        }
    }

    var supers=JSON.stringify(superMe);//还以为是superMe.toJSON调用，结果并不是！！
    console.log(supers);//{"Name":"Sang","age":20}

    /*反序列化*/
    var num=JSON.parse('22');
    console.log(num);//22

    var str=JSON.parse('"哈哈"');
    console.log(str);//哈哈

    var arr=JSON.parse('[1,2,3]');
    console.log(arr);//[1,2,3]

    var obj=JSON.parse('{"name":"guorui","age":20}');//对象里面键好像必须使用双引号
    console.log(obj);//Object{name:"guorui",age:20}

    var bool=JSON.parse('true');
    console.log(bool);//true


</script>
</body>
</html>