JSON.stringify() 是 JavaScript 中一個強大的工具，用于將 JavaScript 對象轉換為 JSON 字符串。它提供了一系列選項來配置序列化過程，包括自定義轉換和特殊情況處理。在本指南中，我們將深入探討這些高級選項，以幫助你充分利用 JSON.stringify() 。

自定義轉換

JSON.stringify() 允許你指定一個轉換函數，在序列化值之前對它們進行處理。這對于處理復雜對象或實現自定義數據格式非常有用。要設置轉換函數，請使用 replacer 參數。

例如，以下轉換函數將任何 Date 對象轉換為 ISO 8601 字符串：

const replacer = (key, value) => {// 如果值是 Date 對象，則將其轉換為 ISO 8601 字符串if (value instanceof Date) {return value.toISOString();}// 否則，返回原始值return value;};

要使用轉換函數，請將其作為 replacer 參數傳遞給 JSON.stringify() ：

const dateObj = new Date();const jsonStr = JSON.stringify({ date: dateObj }, replacer);// 輸出：{"date":"2023-02-28T15:30:23.123Z"}

特殊情況處理

除了自定義轉換， JSON.stringify() 還提供了一些特殊情況處理選項，以處理特定數據類型或場景。

處理循環引用

循環引用是指一個對象引用了自己或其某個祖先。這會導致 JSON.stringify() 調用無限遞歸并最終拋出錯誤。為了處理這種情況， JSON.stringify() 提供了 toJSON() 方法。

toJSON() 方法允許對象指定其自己的序列化方式。如果對象實現 toJSON() 方法，則 JSON.stringify() 將調用它來獲取要序列化的值，而不是直接使用對象的屬性。

例如，以下對象通過實現 toJSON() 方法來處理循環引用：

const cyclicObject = {prop1: 'value1',prop2: 'value2',toJSON() {// 創建一個新的對象，其中不包含循環引用return {prop1: this.prop1,prop2: this.prop2,};},};

使用 toJSON() 方法， JSON.stringify() 現在可以成功序列化循環引用對象：

const jsonStr = JSON.stringify(cyclicObject);// 輸出：{"prop1":"value1","prop2":"value2"}

處理不可序列化的值

某些 JavaScript 值，例如 unDefined 、 Infinity 和 NaN ，不能直接序列化為 JSON。為了處理這些不可序列化的值， JSON.stringify() 提供了 reviver 參數。

reviver 參數是一個函數，在反序列化值后被調用。它允許你將不可序列化的值轉換為可序列化的值。

例如，以下 reviver 函數將 undefined 替換為 null ：

const reviver = (key, value) => {// 如果值是 undefined，則將其替換為 nullif (value === undefined) {return null;}// 否則，返回原始值return value;};

要使用 reviver ，請將其作為 reviver 參數傳遞給 JSON.parse() ：

const jsonStr = '{"prop1":undefined}';const obj = JSON.parse(jsonStr, reviver);// 輸出：{"prop1":null}

其他選項

除了自定義轉換和特殊情況處理外， JSON.stringify() 還提供了其他選項來配置序列化過程。

spaces 參數

spaces 參數指定在輸出的 JSON 字符串中縮進使用的空格數。這對于使 JSON 字符串更易于閱讀很有用。

const jsonStr = JSON.stringify({prop1: 'value1',prop2: 'value2',}, null, 2);// 輸出：// {// "prop1": "value1",// "prop2": "value2"http:// }

circular 參數（已棄用）

circular 參數用于處理循環引用（已棄用，請使用 toJSON() 方法）。

總結

通過使用自定義轉換和特殊情況處理，你可以擴展 JSON.stringify() 的功能，以滿足你的特定數據轉換需求。這些高級選項使你能夠處理復雜對象、循環引用和不可序列化的值，并控制輸出的 JSON 字符串的格式。

請謹記， JSON.stringify() 和 JSON.parse() 是相互協作的，因此在使用高級選項時，確保在序列化和反序列化過程中使用相同的轉換和處理函數非常重要。

---

關于vue中JSON.parse(JSON.stringify(...))使用深拷貝問題

在Vue開發中，((...)) 的組合使用常常被用來實現深拷貝操作，這里我們來詳細探討一下。 首先，() 和 () 分別有其獨特的功能：- () 是將一個JSON格式的字符串解析成JavaScript對象，例如：原始字符串: var str = {name:huahua,age:22};解析操作: (str);這會得到一個對象: var obj = {name:hua,age: 26};- 而 () 則是將JavaScript對象轉換成JSON格式的字符串。 當你直接對一個對象執行 ()，得到的字符串其實是一個淺拷貝，因為字符串只是引用了原始對象的地址。 為了實現深拷貝，即創建一個全新的對象并復制所有屬性，可以先將對象轉為字符串，再解析回對象，這樣就創建了獨立的新對象，即：深拷貝示例: = (())這樣做的效果是，即使原始對象（）有嵌套的對象或數組，深拷貝也會為這些內容創建新的副本，確保在修改vueData時不會影響到原始對象（）。 總的來說，這是一種在Vue中實現對象深度復制的有效方法。

淺談JSON.stringify和JOSN.parse方法的不同

是吧json對象變為String，而是把String解析成json。

“JSON.parse”和“JSON.stringify”有什么區別？

(“要轉換的數組”) 。

(“要轉化的數組”)。

3.首先，兩個方法的用法是有差別的。

①是從一個對象中解析出字符串。

②是從一個字符串中解析出json(鍵值對)。

4.所以在使用的時候如果參數不對應，就不能正確轉換。

JSON.stringify 與 JSON.parse 是Javascript自帶的嗎

不是 JavaScript 自帶的，JavaScript 只是一種語言，定義 JSON 這個對象的是瀏覽器，JSON 這個對象是屬于 HTML5 規范，目前最新版的瀏覽器都支持這個對象了。

一文徹底弄懂JSON.parse()與JSON.stringify()

深入理解 () 和 () 的功能和用法，對于對象與JSON字符串的交互至關重要。 這兩個方法在轉換和序列化過程中起著核心作用。

(): 從JSON字符串到對象

() 是將JSON字符串解析為JavaScript對象的關鍵工具。 最常見的用法是將字符串轉換為包含數據的對象。 然而，在特殊情況下，如計算員工高溫費，可通過reviver函數實現屬性過濾或刪除。 需要注意的是，如果輸入的JSON格式有誤，它會拋出SyntaxError異常。

(): 從對象到JSON字符串

與之相對，() 負責將JavaScript對象轉換為JSON字符串。 使用時，可以指定特定屬性進行序列化，或者處理數組和非數組對象的轉換規則。 遇到循環引用或Bigint類型時，會引發TypeError異常。 MDN文檔提供了詳細的行為規范，包括值的序列化規則和異常處理。

其他應用場景

---

---

相關標簽： 和json.parse、 進階指南、 json.stringify、 自定義轉換和特殊情況處理、 JSON.stringify、

上一篇：如何快速輕松地下載Tomcat70分步指南如何快

下一篇：JSONstringify與JSONparseJSON數據序列化與