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

自定義轉(zhuǎn)換

JSON.stringify() 允許你指定一個轉(zhuǎn)換函數(shù)，在序列化值之前對它們進(jìn)行處理。這對于處理復(fù)雜對象或?qū)崿F(xiàn)自定義數(shù)據(jù)格式非常有用。要設(shè)置轉(zhuǎn)換函數(shù)，請使用 replacer 參數(shù)。

例如，以下轉(zhuǎn)換函數(shù)將任何 Date 對象轉(zhuǎn)換為 ISO 8601 字符串：

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

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

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

特殊情況處理

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

處理循環(huán)引用

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

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

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

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

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

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

處理不可序列化的值

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

reviver 參數(shù)是一個函數(shù)，在反序列化值后被調(diào)用。它允許你將不可序列化的值轉(zhuǎn)換為可序列化的值。

例如，以下 reviver 函數(shù)將 undefined 替換為 null ：

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

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

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

其他選項

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

spaces 參數(shù)

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

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

circular 參數(shù)（已棄用）

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

總結(jié)

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

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

---

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

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

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

是吧json對象變?yōu)镾tring，而是把String解析成json。

“JSON.parse”和“JSON.stringify”有什么區(qū)別？

(“要轉(zhuǎn)換的數(shù)組”) 。

(“要轉(zhuǎn)化的數(shù)組”)。

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

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

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

4.所以在使用的時候如果參數(shù)不對應(yīng)，就不能正確轉(zhuǎn)換。

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

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

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

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

(): 從JSON字符串到對象

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

(): 從對象到JSON字符串

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

其他應(yīng)用場景

---

---

相關(guān)標(biāo)簽： 和json.parse、 進(jìn)階指南、 json.stringify、 自定義轉(zhuǎn)換和特殊情況處理、 JSON.stringify、

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

下一篇：JSONstringify與JSONparseJSON數(shù)據(jù)序列化與