這篇文章的由來是這樣的：前兩天遇到這樣一個場景，接口返回了一個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' }

更多詳情
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

總結

以上是生活随笔為你收集整理的原生js格式化显示json对象以及stringify的妙用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。