标签：stringify name 对象 JavaScript JSON mes 字符串快速

JSON 是用于存储和传输数据的格式。

JSON 通常用于服务端向网页传递数据。

1 什么是 JSON?

JSON 英文全称 JavaScript Object Notation
JSON 是一种轻量级的数据交换格式。
JSON是独立的语言 *
JSON 易于理解。

2 JSON 语法

基本上 JSON 对象就是基于 JavaScript 对象，因此，可以把 JavaScript 对象写入 JSON 数据，JSON 可以将JavaScript对象分为三类：
- 简单值：字符串、数值、布尔值和 null。undefined 除外。
- 对象：复杂的数据类型，对象表示有序键/值对。
- 数组：复杂的数据类型，数组表示带有索引的有序列表，可以通过索引访问数组中的值。
而在JSON中，使用如下语法规则：

数据在键/值对中，且由逗号分隔。
花括号保存对象，方括号保存数组。

{
    "code": 1,
    "status": true,
    "msg": "Http Request Success",
    "data": [
        {
            “id”: 2011101010,
            "name": "小赵",
            "age": 29,
            "sex": "男",
            "birthday": “1992-04-09”,
            "address": [
                "北京市通州区万达广场",
                "天津市",
                "河北省邯郸市"
            ]
        },
        {
            “id”: 2011101011,
            "name": "小钱",
            "age": 27,
            "sex": "男",
            "birthday": “1994-05-01”,
            "address": [
                "北京市通州区万达广场",
                "天津市",
                "河北省邯郸市"
            ]
        },
        {
            “id”: 2011101013,
            "name": "小玲",
            "age": 28,
            "sex": "女",
            "birthday": “1993-09-26”,
            "address": [
                "北京市通州区万达广场",
                "天津市",
                "河北省邯郸市"
            ]
        }
    ]
}

View Code

注意：JSON 简单值中的字符串必须使用双引号标记，因为使用单引号会导致语法错误。

3 相关函数

JSON.parse()：用于将一个 JSON 字符串转换为 JavaScript 对象。

JSON.stringify()：用于将 JavaScript 值转换为 JSON 字符串。

3.1 stringify()方法

var message = {
        "college": "西安邮电大学",
        "name": "王欢"，
        "sex": "女",
        "score": 100
};
var mes = JSON.stringify(message);

说明：这个例子用JSON.stringify()把一个JavaScript对象序列化为一个JSON字符串，然后将它保存在mes中。默认情况下，JSON.stringify()输出的JSON字符串不包含任何空格字符或缩进，因此保存在mes中的字符串如下所示：

{"college": "西安邮电大学","name": "王欢"，"sex": "女","score": 100}

打印结果：

注：在序列化JavaScript对象时，所有函数即原型成员都会被有意忽略，不体现在结果中。此外，值为undefined的任何属性也都会被跳过，结果最终都是值为有效JSON数据类型的实例属性。

3.1.1 stringify()方法参数说明

JSON.stringify()除了要序列化的JavaScript对象外，还可以接收另外两个参数，这两个参数用于指定不同的方式序列化JavaScript对象。

3.1.1.1 过滤器

第一个参数是个过滤器，可以是一个数组，也可以是一个函数；

1）过滤结果

　　如果过滤器参数是数组，那么JSON.stringify()的结果中将只包含数组中列出的属性，如下例：

var message = {
        "college": "西安邮电大学",
        "name": "王欢"，
        "sex": "女",
        "score": 100
};
var mes = JSON.stringify(message,["college","name"]);

说明：JSON.stringify()的第二个参数是一个数组，其中包含两个字符串："college"和"name"。这两个属性与将要序列化的对象中的属性是对应的，因此在返回的结果字符串中，就会只包含这两个属性，我们来打印看看：

　　如果第二个参数是函数，行为会稍有不同。传入的函数接收两个参数，属性（键）名和属性值。根据属性（键）名可以知道应该如何处理要序列化的对象中的属性。属性名只能是字符串，而在值并非键值对结构的值时，键名可以是空字符串。为了改变序列化对象的结果，函数返回的值就是相应键的值。不过要注意，如果函数返回了undefined,那么相应的属性会被忽略。举例说明：

var message = {
        "college": "西安邮电大学",
        "name": "王欢"，
        "sex": "女",
        "score": 100，
};
var mes = JSON.stringify(message,function(key,value){
    switch(key){
        case "name":
            return value;
        case "score":
            return undefined;
        default:
            return value;
    }
});
console.log(mes);

说明：如果键为"name"，返回其值，如果键为"score"，通过返回undefined删除该属性。在最后，一定要提供default项，此时返回传入的值，以便其他值都能正常出现在结果中。
打印结果为：

要序列化的对象中的每一个对象都要经过过滤器，因此数组中的每个带有这些属性的对象经过过滤之后，每个对象都只会包含"college"、"name"和"sex"属性。

3.1.1.2 选项

　　第二个参数是一个选项，表示是否在JSON字符串中保留缩进。单独或组合使用这两个参数，可以更全面深入的控制JSON序列化。

1)字符串缩进

JSON.stringify()方法的第三个参数用于控制结果中的缩进和空白符。如果这个参数是一个数值，那它表示的是每个级别缩进的空格数。

例如：要在每个级别缩进4个空格，可以这样写：

ar message = {
        "college": "西安邮电大学",
        "name": "王欢",
        "sex": "女",
        "score": 100,
};
var mes = JSON.stringify(message,null,4);

再来打印一下结果看看：

可以发现的是：JSON.stringify()也在结果字符串中插入了换行符以提高可读性。只要传入有效的控制缩进的参数值，结果字符串就会包含换行符。最大缩进空格数为10，所有大于10的值都会自动转换为10。
如果缩进参数是一个字符串而非数值，则这个字符串将JSON字符串中被用作缩进字符（不在使用空格）。在使用字符串的情况下，可以将缩进字符设置为制表符，或者两个短划线之类的任意字符。

var mes = JSON.stringify(message,null,"--");

这样，mes中的字符将变成如下所示：

需要注意的是：缩进字符串最长不能超过10个字符长，如果字符串长度超过了10个，结果将只出现前十个字符。

3.1.1.3 toJSON方法

　　但是，JSON.stringify()有时候还是不能满足对某些对象进行自定义序列的需求。在这些情况下，可以给对象定义toJSON()方法，返回其自身的JSON数据格式。
可以为任何对象添加toJSON()方法，比如：

var message = {
        "college": "西安邮电大学",
        "name": "王欢",
        "sex": "女",
        "score": 100,
        toJSON:function(){
            return this.college;
        }
};
var mes = JSON.stringify(message);

说明：以上代码在message对象上定义了一个toJSON()方法，该方法返回具体学校的学生姓名。toJSON()可以作为函数过滤器的补充，因此理解序列化的内部顺序十分重要，
　　假设把一个对象传入JSON.stringify()，序列化该对象的顺序如下：

　　　　1、如果存在toJSON()方法并且能够取到有效的值，则调用该方法。否则，返回对象本身。
　　　　2、如果提供了第二个参数，应用这个函数过滤器，传入函数过滤器的值是第一步返回的值。
　　　　3、对第二步返回的每个值进行相应的序列化。
　　　　4、如果提供了第三个参数，执行相应的格式化。

3.2 parse()方法

　　将JSON字符串直接传递给JSON.parse()就可以得到相应的JavaScript值，例如：下述代码就可以创建于mes类似的对象：

var mesCopy = JSON.parse(mes);

　　打印一下nameCopy可以看到：该JSON字符串被解析成了原生JavaScript值。

注意：虽然mes和mesCopy具有相同的属性，但它们两个是相互独立的、没有任何关系的对象。
如果传给JSON.parse()的字符串不是有效的JSON，该方法会抛出错误。

3.2.1 parse()方法参数说明

　　JSON.parse()方法也可以接收另一个参数，该参数是一个函数，将在每个键值对上调用。

　　为了区别JSON.stringify()接收的替换函数（replacer）,这个函数被被称为还原函数（reviver）,但实际上这两个函数的签名是相同的，他们都接受两个参数，一个键和一个值，而且都需要返回一个值。
　　如果还原函数返回undefined,则表示要从结果中删除相应的键；如果返回其他值，则将该值插入到结果中。
　　将日期字符串转换成Date对象时，经常要用到还原函数，例如：

var message = {
        "college": "西安邮电大学",
        "name": "王欢",
        "sex": "女",
        "score": 100,
        releaseDate: new Date(2021,12,7)
    };
var mes = JSON.stringify(message);
var mesCopy = JSON.parse(mes,function(key,value){
    if(key == "releaseDate"){
        return new Date(value);
    }else{
        return value;
    }
});
console.log(mesCopy.releaseDate.getFullYear());

　　打印结果为：

以上代码先是为message对象新增了一个releaseDate属性，该属性保存着一个Date对象。这个对象在经过序列化后变成了有效的JSON字符串，然后经过解析又在mesCopy中还原为一个Date对象。还原函数在遇到releaseDate键时，会基于相应的值创建一个新的Date对象。结果就是mesCopy.releaseDate属性会保存一个Date对象。正因为如此，才能基于这个对象调用getFullYear()方法。

原文链接：https://blog.csdn.net/m0_48375854/article/details/121768599

https://zhuanlan.zhihu.com/p/348020485

标签：stringify,name,对象,JavaScript,JSON,mes,字符串,快速
From： https://www.cnblogs.com/daytoy105/p/17617250.html

快速了解JavaScript的JSON