JSON.stringify的认知历程

阶段 1

初入前端，认识到JSON.stringify可以序列化对象为一个字符串，在开发中提供了许多便利。

JSON.stringify({ x: 5, y: 6 });
//"{"x":5,"y":6}"

阶段 2

然后遇到一个需求是序列化字符串，且带有缩进格式化的方式显示在编辑器中。

才认识到，原来这个方法还可以传递3个参数。

第3个参数用于指定缩进用的空白字符串，用于美化输出（pretty-print）。

JSON.stringify({ x: 5, y: 6, z: {a: 1} }, null, 2);
/*
"{"x": 5,"y": 6,"z": {"a": 1}
}"
*/

阶段 3

再然后，我遇到了一个问题：

如果对象中属性的值是undefined，那么序列化之后这个属性会被忽略。

let person = {name: undefined, hobby: null, age: 18 };
JSON.stringify(person)
// "{"hobby":null,"age":18}"

然而在业务上即使该属性的值是undefined，也是有表达特殊含义的，必然需要传递。

原来此函数的第二个参数可以搞事情，如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理；

JSON.stringify(person, (k,v) => v===undefined ? null : v );
// "{"name":null,"hobby":null,"age":18}"

第二个参数还可以是一个数组。表示序列化后保留的属性

let person = {name: undefined, hobby: null, age: 18 };
JSON.stringify(person,["age"])// "{"age":18}"

更多用法官方文档JSON.stringify()很详细

JSON.stringify的认知历程相关推荐

JSON.stringify的三个参数(转载)
前段时间勾股有提到stringify是支持三个参数,刷新的了我的认知,后来查到文档才发现还真的是支持三个参数的. 参考资料: stringify stringify方法顾名思义,就是把JSON序列换, ...
JSON.stringify()
写在前边不言而喻,JSON.stringify() 是用来将合法的JSON数据字符串化的!然而在正常的工作中我们用到的只是最基础的功能:今天我们就探索不一样的JSON.stringify(). 基础 ...
json.parse()和json.stringify()
json.parse() 用于从一个字符串解析出json对象 var str = '{"name":"huangzhong","age":& ...
JSON.stringify报cyclic object value错误
这是一个典型的循环引用的错误,一个对象里引用自己就会立刻得到这个错误: obj = { x:555, y: "hi" }; obj.myself = obj;try{json = ...
(转)JS之——解决IE6、7、8使用JSON.stringify报JSON未定义错误的问题
https://blog.csdn.net/l1028386804/article/details/53439755 在通过JavaScript将对象类型的参数通过JSON.stringify转换成字 ...
ajax 时间格式string,ajax 数据请求：json格式在浏览器变成了string ，使用JSON.stringify(params)方法...
var params = { md5str: "sf", datastr: "sf", } var ajaxRequest = $.ajax({ url: ur ...
理解JSON对象：JSON.parse、 JSON.stringify
何时是JSON,何时不是JSON? JSON就是一个有特殊规则的字符串,按照这个规则我们就可以把这个字符串解析成JS对象. JSON是设计成描述数据交换格式的,他也有自己的语法,这个语法是JavaSc ...
js中JSON.stringify用于自定义的类
参考:http://stackoverflow.com/questions/7356694/how-to-json-stringify-a-user-defined-class-in-javascri ...
理解JSON.stringify()高级用法
一:JSON.stringify() 该方法是把javascript对象转换成json字符串. 基本语法:JSON.stringify(value, [, replacer], [, space]) ...
JSON.stringify()和JSON.parse()分别是什么
JSON.stringify() 从一个对象中解析出字符串 JSON.stringify({"a":"1","b":"2" ...

JSON.stringify的认知历程

阶段 1

阶段 2

阶段 3

JSON.stringify的认知历程相关推荐

最新文章

热门文章