• 作者: 小華堅決上王者
• 建議閱讀時間: 2 min
• 博客原文

JSON.stringify()是個經(jīng)常使用的前端方法，這個函數(shù)可以傳入三個參數(shù)，這里我安利下第三個參數(shù)，專門用來美化輸出，先看下語法:

JSON.stringify(value[, replacer [, space]]) 復制代碼

下面我列舉了三個常用的例子，直接上代碼

普通用法

let obj = {a: 'foo',b: 'bar', }console.log(JSON.stringify(obj))// "{"a":"foo","b":"bar"}" 復制代碼

space傳入數(shù)字

let obj = {a: 'foo',b: 'bar', }console.log(JSON.stringify(obj, null, 2))/* {"a": "foo","b": "bar" } */ 復制代碼

space傳入字符串

let obj = {a: 'foo',b: 'bar', }console.log(JSON.stringify(obj, null, '--'))/* { --"a": "foo", --"b": "bar" } */ 復制代碼

一個典型的應用場景

在手機上或者沒有控制臺的時候，想輸出某個對象，這時候會用到alert：

alert(obj); 復制代碼

效果卻是這樣的：

此時的你：

后來，你使用了JSON.stringify的第三個參數(shù)：

alert(JSON.stringify(obj, null, 2)); 復制代碼

結(jié)果自然就很通暢了：

怎么樣，是不是很爽，space傳入數(shù)字應該可以滿足大多數(shù)需求，我也推薦大家這么使用。

轉(zhuǎn)載于:https://juejin.im/post/5d0b45866fb9a07ed136db0f

總結(jié)

以上是生活随笔為你收集整理的前端必知必会--JSON.stringify()犀利的第三个参数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。