[S3-E432]你不知道的JSON.stringify()妙用
2017-10-12 00:00
260 查看
1 语法
JSON.stringify(value[, replacer[, space]])
一般用法:
var user = {name: 'andy', isDead: false, age: 11, addr: 'shanghai'};
JSON.stringify(user);
"{"name":"andy","isDead":false,"age":11,"addr":"shanghai"}"
2 扩展用法
2.1 replacer
replacer可以是函数或者是数组。
功能1: 改变属性值
将isDead属性的值翻译成0或1,0对应false,1对应true
var user = {name: 'andy', isDead: false, age: 11, addr: 'shanghai'};
JSON.stringify(user, function(key, value){
if(key === 'isDead'){
return value === true ? 1 : 0;
}
return value;
});
"{"name":"andy","isDead":0,"age":11,"addr":"shanghai"}"
功能2:删除某个属性
将isDead属性删除,如果replacer的返回值是undefined,那么该属性会被删除。
var user = {name: 'andy', isDead: false, age: 11, addr: 'shanghai'};
JSON.stringify(user, function(key, value){
if(key === 'isDead'){
return undefined;
}
return value;
});
"{"name":"andy","age":11,"addr":"shanghai"}"
功能3: 通过数组过滤某些属性
只需要name属性和addr属性,其他不要。
var user = {name: 'andy', isDead: false, age: 11, addr: 'shanghai'};
JSON.stringify(user, ['name', 'addr']);
"{"name":"andy","addr":"shanghai"}"
2.2 space
space可以是数字或者是字符串, 如果是数字则表示属性名前加上空格符号的数量,如果是字符串,则直接在属性名前加上该字符串。
功能1: 给输出属性前加上n个空格
var user = {name: 'andy', isDead: false, age: 11, addr: 'shanghai'};
JSON.stringify(user, null, 4);
"{
"name": "andy",
"isDead": false,
"age": 11,
"addr": "shanghai"
}"
功能2: tab格式化输出
var user = {name: 'andy', isDead: false, age: 11, addr: 'shanghai'};
JSON.stringify(user, null, '\t');
"{
"name": "andy",
"isDead": false,
"age": 11,
"addr": "shanghai"
}"
功能3: 搞笑
JSON.stringify(user, null, 'good');
"{
good"name": "andy",
good"isDead": false,
good"age": 11,
good"addr": "shanghai"
}"
2.3 深拷贝
var user = {name: 'andy', isDead: false, age: 11, addr: 'shanghai'};
var temp = JSON.stringify(user);
var user2 = JSON.parse(temp);
3 其他
JSON.parse() 其实也是支持第二个参数的。功能类似于JSON.stringify的第二个参数的功能。
4 参考
MDN JSON.stringify()
(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify)
转自:https://segmentfault.com/a/1190000011239168
作者:香吉士
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
更多文章点击 目录[b] 查看([/b][b]或在导航菜单中查看[/b])
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
==========阅读原文==========
相关文章推荐
- 你可能不知道的JSON.stringify()详解
- 你所不知道的JSON.parse() 和 JSON.stringify() – 高级用法
- JSON.parse()和JSON.stringify()--json对象<=>字符串
- JS语言中的JSON.parse()和JSON.stringify()
- JSON.parse()和JSON.stringify()
- Jquery转换json对象为字符串 JSON.stringify(jsonObject)[及其浏览器兼容性问题]
- alert(JSON.stringify(array))
- 浅谈 JSON.stringify 方法
- JSON.parse()与JSON.stringify()的区别
- js数组使用JSON.stringify和toString的区别
- 使用JSON.parse(JSON.stringify(test))对对象、数组的深度拷贝
- 解决IE8 内置JSON.stringify,中文变unicode的问题
- 解决IE8 内置JSON.stringify,中文变unicode的问题
- JSON.parse()和JSON.stringify()区别
- 【原】JSON.parse() 和 JSON.stringify()
- JSON.parse()与JSON.stringify()
- 【js】JSON.stringify 语法实例讲解
- js解析与序列化json数据(一)json.stringify()的基本用法
- JSON.parse()和JSON.stringify()
- 浅谈 JSON.stringify 方法