巧用JSON.stringify()生成漂亮格式的JSON字串

使用JavaScript處理XML基本上就是一個杯具,這也是JSON在程式開發中廣受歡迎的原因。我曾經寫過一個 JavaScript函式來將XML轉換為JSON,那種~duang~duang~的痛點簡直是折騰得你欲死欲仙。如果要將現有的物件轉換為JSON字串, 則可以使用 JSON.stringify(obj)函式, 可能你已經用過這個函式(在IE6，IE7中不支援)。但可能你還不知道在轉換時可以通過引數控制生成漂亮的JSON格式!

其實很簡單，就是通過 JSON.stringify 函式的第三個引數來指定縮排的空格數:

// 此處為了示例, 採用字面量的形式構造了一個物件
// 實際使用中, 一般是某個POJO,或者VO之類的值物件
var myObject =  {
        "myProp": "myValue",
        "subObj": {
            "prop": "value"
        }
    };
// 格式化
var formattedStr = JSON.stringify(myObject, null, 2);
 

生成的字串如下所示:

{
  "myProp": "myValue",
  "subObj": {
    "prop": "value"
  }
}

原文日期: 2015年03月02日

翻譯日期: 2015年03月09日