2025-02-28-JSON_stringify

JSON.stringify

當你使用：

JSON.stringify(data, null, 2)

這是一個把 JavaScript 物件（像 data）轉換成 格式化的 JSON 字串 的寫法。
我們來一層一層解釋它的三個參數：

---

✅ 語法結構：

JSON.stringify(value, replacer, space)

參數名稱	意義
value	要轉成 JSON 字串的 JavaScript 物件（例如 data）
replacer	（選擇性）用來選擇或過濾哪些欄位要轉換
space	（選擇性）用來美化排版（縮排空格數量）

---

🔍 你的程式：JSON.stringify(data, null, 2) 的意思：

• data：你要轉換的物件（例如從 API 拿到的 JSON）
• null：不做欄位過濾，全部都輸出
• 2：縮排每一層用 2 個空白，讓格式更整齊易讀

---

🎯 實際範例：

原本是一個物件：

const data = {
  name: "Lily",
  age: 18,
  location: {
    city: "Taipei",
    country: "Taiwan"
  }
}

console.log(JSON.stringify(data, null, 2))

輸出：

{
  "name": "Lily",
  "age": 18,
  "location": {
    "city": "Taipei",
    "country": "Taiwan"
  }
}

清楚有縮排，非常適合用來：

• debug 時列印整齊的資料
• 下載成 .json 檔
• 貼到 JSON Crack 或 JSON Viewer 查看結構

---

🎓 額外技巧：改變縮排方式

• JSON.stringify(data, null, 4) ➜ 用 4 個空格
• JSON.stringify(data, null, "\t") ➜ 用 tab 縮排

---