@[TOC]

前言

JSON 几乎是目前前后端交互最常用的数据格式，所以 JSON 对象使用的频率也很高。

JSON 对象只提供了两个方法，一个用于序列化 JSON（将JavaScirpt对象转换成JSON,JSON.parse） ，一个用于反序列化 JSON（将JSON转换成JavaScript对象,JSON.stringify） 。

1. JSON.parse

JSON的语法规则：

    数据是名称/值对，数据由逗号分隔，花括号保存对象，方括号保存数组

JSON.parse 用于解析 JSON 格式的字符串，将 JSON 转化成 JavaScript 对象。
格式:

JSON.parse(JSON字符串, 处理函数);

JSON.parse举例

    <script>
        var str = '{ "name": "小腾", "age": 21, "email" : "ateng1118@163.com" }';

        var user = JSON.parse(str);

        console.log(user); // 输出一个 JavaScript 对象
       
    </script>

运行截图:

业务逻辑中很少会用第二个参数来处理解析内容。故而不演示了。

2. JSON.stringify

JSON.stringify 用于将JavaScript对象转换成 JSON 格式的字符串。
格式:

JSON.stringify(JavaScript对象, 处理函数, 缩进空格字符数量);

    <script>
            var user = {
            name: '小美',
            age: 18,
            "email" : "meimeimei@168.com" 
        };

        var json = JSON.stringify(user);

        console.log(json);
        
    </script>

运行截图：

第二个参数演示：

    <script>
        var user = {
             name: '小美',
             age: 18,
             "email": "meimeimei@168.com"
         };


        var json = JSON.stringify(user, function (key, value) {
            if (key === '') {
                return value;
            }

            return '我已经被改变了';
        });

        console.log(json);
    </script>

运行截图：

可以看到，所有的值都被改变了。
第三个值一般是调试的时候用的，故不多演示。

3.小结

JavaScript 内置的 JSON对象 用于处理 JSON 。

前后端数据交互的时候会经常用到，无论是前端工程师还是后端开发，都必须熟练掌握JSON。