如何將 JavaScript 物件轉換為格式化字串進行顯示？

將JavaScript 物件顯示為格式化字串

使用JavaScript 物件時，有必要將其內容顯示為字串，類似於輸出的alert()呼叫。本文探討如何實現這種動態顯示。

要將 JavaScript 物件顯示為格式化字串，需要使用內建的 JSON.stringify() 方法。此方法將物件轉換為 JSON 字串，提供物件內容的巢狀且人類可讀的表示形式。

let obj = { name: "John", age: 30, hobbies: ["Coding", "Reading"] };
let str = JSON.stringify(obj);
console.log(str); // Output: "{ "name": "John", "age": 30, "hobbies": ["Coding", "Reading"] }"

為了增強可讀性，JSON.stringify() 方法提供了一個可選的第二個縮排參數。此參數可讓您指定每個巢狀層級使用的空格數，從而產生更具視覺吸引力的輸出。

let str = JSON.stringify(obj, null, 4);
console.log(str);
// Output:
// {
//     "name": "John",
//     "age": 30,
//     "hobbies": [
//         "Coding",
//         "Reading"
//     ]
// }

JSON.stringify() 方法支援巢狀對象，並且廣泛相容於主要對象瀏覽器，包括 Chrome、Firefox、Safari 和 Edge。但是，需要注意的是，循環物件（在循環中引用自身或其他物件的物件）可能會導致錯誤「Uncaught TypeError：將循環結構轉換為 JSON」。

為了克服此問題，可以使用自訂 JSON.stringify 替換器。此函數可讓您定義如何將物件序列化為 JSON 字串，從而能夠處理循環物件。

總而言之，JSON.stringify() 方法提供了一種簡單而有效的方法來將 JavaScript 物件顯示為格式化的字串。無論您喜歡簡單的輸出還是人類可讀的縮進，此方法都可以讓您以使用者友好的格式動態顯示物件內容。

以上是如何將 JavaScript 物件轉換為格式化字串進行顯示？的詳細內容。更多資訊請關注PHP中文網其他相關文章！