1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 原生js格式化显示json对象以及stringify的妙用

原生js格式化显示json对象以及stringify的妙用

时间:2020-06-19 20:27:16

相关推荐

原生js格式化显示json对象以及stringify的妙用

这篇文章的由来是这样的:前两天遇到这样一个场景,接口返回了一个json对象,要求我进行格式化显示(显示出json对象的结构)。那么我就想了,一个对象要想显示出来,得转成string 类型的,于是我就使用了JSON.stringify(),但是转成字符串之后并没有缩进,显示出来的是一个长长的字符串。难道我还要自己人为的遍历对象,自己拼接一个带缩进的字符串么?太TM扯了!于是查看了stringify的官方文档,发现了很多有意思的东西,这个函数的作用远远不止是将json对象转成string那么简单,下面是我列举的stringify的几个小功能:

json格式化,带缩进过滤掉无效的字段对符合某种条件的字段做操作

原始数据

person = {sex: 'man',name: 'Tom',telphones: ["234123423","2345234523"]}

一、原始情况,直接显示json字符串

code:

JSON.stringify(person)

运行结果:

{"sex":"man","name":"Tom","age":22,"telphones":["2341234123","3452345"]}

二、将一个json对象格式化显示出来(显示的时候配合pre标签)

code:

JSON.stringify(person, null, 2)

运行结果:

{sex: 'man',name: 'Tom',telphones: ["234123423","2345234523"] }

三、不显示某些字段(哪些字段不需要显示就返回undefined)

code

JSON.stringify(person, function(k, v){if (k === 'telphones'){return undefined}return v}, 2)

运行结果:

{sex: 'man',name: 'Tom'}

四、只显示某些字段

code

JSON.stringify(person, ['sex'], 2)

运行结果:

{sex: 'man'}

更多详情

/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。