JSON.stringify的使用方法

语法:

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

value:是必须要的字段。就是你输入的对象,比如数组啊,类啊等等。

replacer:这个是可选的。它又分为2种方式,一种是方法,第二种是数组。

情况一:我们先说数据,通过我们后面的实验可以知道,它是和第一个有关系的。一般来说,我们系列化后的结果是通过键值对来进行表示的。

比如说:

name:"lan",age:25

这种形式。

所以,如果这种形式的话,如果第二个的值在第一个存在,那么的话就以第二个的值做key,第一个值为value进行表示,如果不存在,sorry,忽略。【是不是有点抽象,我也这么觉得,不过你等一下看实验 就OK了。。呼呼。】

情况二:如果是方法,那很简单,就是说把系列化后的每一个对象(记住 是每一个)传进方法里面进行处理。

space:很好理解,用什么来做分隔符的。

1.如果省略的话,那么显示出来的值 就没有分隔符。直接输出来

2.如果是一个数字的话,那么它就定义缩进几个字符,当然 如果大于10 ,则最大值为10.

3.如果是一些转义字符,比如“ ”,表示回车,那么它每行一个回车。

4.如果仅仅是字符串,OK,就在每行输出值的时候把这些字符串附加上去就OK。当然,最大长度也是10个字符。


开始用实例说明;

1.只有一个参数的情况下:

var student = new Object();
student.name = "Lanny";
student.age = "25";
student.location = "China";
 
var json = JSON.stringify(student);
alert(student);

 结果如下:

有些人可能会怀疑JSON.stringify的作用,OK。那假如,我们不要这个函数。代码下面的样子:

var student = new Object();
            student.name = "Lanny";
            student.age = "25";
            student.location = "China";
 
           // var json = JSON.stringify(student);
            alert(student);

 恭喜你 得到的结果是:

没骗你吧,继续。

 2.第二个参数存在,并且第二个参数还是function的时候

var students = new Array() ;
            students[0] = "Lanny";
            students[1] = "dong";
            students[2] = "I love you";
 
            var json = JSON.stringify(students,switchUpper);
 
            function switchUpper(key, value) {
                return value.toString().toUpperCase();
            }
            alert(json);
//var json = JSON.stringify(students, function (key,value) {                
//return value.toString().toUpperCase();            
//});
上面的方法也可以换成下面的,2个都是一样,只是写法有那么一点点的不一样而已。

 得到结果如下:

3.第二个参数存在,并且第二个参数不是function,而是数组的时候。

3.1 【误区】如果第一个参数是数组,第二个参数也是数组的话,只显示第一个参数的值。

比如:

var students = new Array() ;
            students[0] = "Lanny";
            students[1] = "dong";
            students[2] = "I love you";
 
            var stu = new Array();
            stu[0] = "1";
            stu[1] = "2";
 
            var json = JSON.stringify(students,stu);
            alert(json);

 sorry 得到的结果就是:

第二个被忽略了,只是第一个被系列化了。

3.2 如果第一个是对象(这里说的对象就像在C#里面可以进行new的),第二个是数组的。

那么如果第二个的value在第一个存在,那么的话就以第二个的值做key,第一个值为value进行表示

var student = new Object();
            student.qq = "5485891512";
            student.name = "Lanny";
            student.age = 25;
 
            var stu = new Array();
            stu[0] = "qq";
            stu[1] = "age";
            stu[2] = "Hi";//这个student对象里不存在。
 
            var json = JSON.stringify(student,stu);
            alert(json);

 得到的结果如下:

因为stu[2] = "Hi";这个Hi 在第一个找不到,所以就不进行显示了。

4.第三个参数

4.1.如果省略的话,那么显示出来的值 就没有分隔符。直接输出来

比如:

var student = new Object();
            student.qq = "5485891512";
            student.name = "Lanny";
            student.age = 25;
 
            var stu = new Array();
            stu[0] = "qq";
            stu[1] = "age";
            stu[2] = "Hi";
 
            var json = JSON.stringify(student,stu);
            alert(json);

 输出的就是:

4.2.如果是一个数字的话,那么它就定义缩进几个字符,当然 如果大于10 ,则最大值为10.

var student = new Object();
            student.qq = "5485891512";
            student.name = "Lanny";
            student.age = 25;
 
            var stu = new Array();
            stu[0] = "qq";
            stu[1] = "age";
            stu[2] = "Hi";
 
            var json = JSON.stringify(student,stu,100);//注意这里的100
            alert(json);

那么得到的是:

空开来了10个字符。

4.3.如果是一些转义字符,比如“ ”,表示回车,那么它每行一个回车。【谢谢回复的朋友指出了这个错误!】

也是一样。

4.4.如果仅仅是字符串,OK,就在每行输出值的时候把这些字符串附加上去就OK。当然,最大长度也是10个字符。

如果是var json = JSON.stringify(student,stu,“HaiKou”);//

(OA差旅遇到的问题):

var str='{"name":"liming","age":"20"}';

  其中str定义的是字符串,键值对中的key是带有引号的:“name”

var strSec={
            name:"xiaohua",
            age:25
};

其中strSec是对象,键值对中的key不带有引号,如name

var str='{"name":"liming","age":"20"}';
console.log(JSON.parse(str));
//返回对象格式: {name: "liming", age: "20"}
var strSec={
            name:"xiaohua",
            age:25
 };
var strFour={
            info:JSON.stringify(strSec),
            ageInfo:33
 };
console.log(strFour);
//对象{info: "{"name":"xiaohua","age":25}", ageInfo: 33}
  console.log(JSON.stringify(strFour));
  /*字符串 {"info":"{"name":"xiaohua","age":25}","ageInfo":33}*/

json是一种简单的数据格式,比xml更轻巧。json是JavaScript 的原生格式,这意味着在 JavaScript 中处理json格式的 数据不需要任何特殊的API 或工具包。json的语法规则其实很简单:对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。看个例子先:

//定义一个user(json的格式,其实就是定义一个js函数(变量)的方式而已)
    var user =
    {
        "username": "jeff wong",
        "age": 25,
        "info": { "tel": "12345678", "cellphone": "13312345678" },
        "address": // 数组
            [
                { "city": "beijing", "postcode": "101110" },
                { "city": "ny city", "postcode": "911119" }
            ]
    }

json数据的格式是以键值对的形式写的,最好键值能够写成带有引号的形式,但是写成纯字面量对象形式,也就是不带引号也没有区别;

OA差旅中传输数据时,

可以看到goFlightInfo对应的是一个对象,所以要把这个对象转换成字符串的形式,因此要在该对象前面加上一个引号。使用JSON.stringify()函数将对象转换为字符串

原文地址:https://www.cnblogs.com/xiaozhumaopao/p/6236731.html