。
今天看到了
JSON.stringify方法可以有3个参数
JSON.stringify(value[, replacer [, space]])
注意到它接收三个参数,后面2个参数是可选的。
var data = {name:"niuzai",info:{age:18,sex:"male"}}; JSON.stringify(data); //{"name":"niuzai","info":{"age":18,"sex":"male"}}
这里要注意:stringily对data里的数据类型有一些要求:
JSON.stringify({x: 5, y: 6}); // ‘{"x":5,"y":6}‘ 或者 ‘{"y":6,"x":5}‘ 都可能
undefined
、任意的函数以及 symbol 值,在序列化过程中会被忽略(出现在非数组对象的属性值中时)或者被转换成 null
(出现在数组中时)。var obj = {"undefined":undefined,"func":function(){},"symbol":Symbol("")}; JSON.stringify(data); //"{}" var arr = [undefined,Symbol(""),function(){}]; JSON.stringify(arr); //[null,null,null]
replacer
参数中强制指定包含了它们。JSON.stringify({[Symbol("foo")]: "foo"}); //‘{}‘
JSON.stringify( Object.create(null, { x: { value: ‘x‘, enumerable: false }, y: { value: ‘y‘, enumerable: true } }) ); // ‘{"y":"y"}‘
第二个参数很有意思,可以为一个过滤函数,也可以是一个数组。
当为数组时被序列化的值的每个属性都会经过该函数的转换和处理,当为数组时则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中。
过滤函数还是比较有意思的,你可以控制输出,比如之前提到的会被忽略的类型,可以在这里人工的处理,强制输出(当然是别的类型)。
综合举例:
let o = { name:"张三", age:19, sex:"boy", u:undefined, n:null, } let a = JSON.stringify(o); let b = JSON.stringify(o,["name","age"]); let c = JSON.stringify(o,["name","age","sex"],2); let d = JSON.stringify(o,function(key,val){ console.log("key is %s", key); console.log("val is %s", typeof(val)); console.log(key); console.log(val); if(typeof(val) == "string"){ val = val + "1"; } return val; }); console.log(a);//{"name":"张三","age":19,"sex":"boy","n":null} console.log(b);//{"name":"张三","age":19} console.log(c);//第三个参数是space缩进,最多10个空格 // * { // * "name": "张三", // * "age": 19, // * "sex": "boy" // * } console.log(d);//{"name":"张三1","age":19,"sex":"boy1","n":null} // key is // val is object // {name: "张三", age: 19, sex: "boy", u: undefined, n: null} // key is name // val is string // name // 张三 // key is age // val is number // age // 19 // key is sex // val is string // sex // boy // key is u // val is undefined // u // undefined // key is n // val is object // n // null
之前因为不知道第二个参数,为了改变序列化后的值,竟然用序列化后的字符串,用正则匹配字符串来替换达到我想要的效果,如果当初知道了弟哥哥参数,就会方便很多
如果一个被序列化的对象拥有 toJSON
方法,那么该 toJSON
方法就会覆盖该对象默认的序列化行为
var data = { name:"niuzai", info:{ age:18, sex:"male" }, toJSON:function(){ return "by toJSON"; } }; JSON.stringify(data); //""by toJSON"";
。
原文:https://www.cnblogs.com/fqh123/p/14398867.html