JSON（JavaScript 對象表示法）是一種輕量級的數(shù)據(jù)交換格式，用于在服務(wù)器和客戶端之間傳輸數(shù)據(jù)。JSON.stringify() 方法是 JavaScript 中一個非常重要的函數(shù)，它可以將 JavaScript 對象轉(zhuǎn)換為 JSON 字符串。

JSON.stringify() 方法

JSON.stringify() 方法的語法如下：

JSON.stringify(value, replacer, space)

• value ：要轉(zhuǎn)換為 JSON 字符串的 JavaScript 對象。
• replacer ：可選參數(shù)，是一個函數(shù)或數(shù)組，指定哪些屬性應(yīng)該包含在 JSON 字符串中以及如何轉(zhuǎn)換它們。
• space ：可選參數(shù)，是一個數(shù)字，用于縮進 JSON 字符串中的輸出。

JSON.stringify() 方法的工作原理

JSON.stringify() 方法通過以下步驟將 JavaScript 對象轉(zhuǎn)換為 JSON 字符串：

1. 檢查 value 參數(shù)的類型。如果 value 是一個對象，則繼續(xù)執(zhí)行以下步驟。否則，直接返回 value 本身。
2. 循環(huán)遍歷 value 對象的所有屬性。
3. 對于每個屬性，將其鍵和值轉(zhuǎn)換為 JSON 格式。鍵必須是字符串，值可以是任何 JavaScript 類型。
4. 將所有鍵值對添加到一個 JSON 對象中。
5. 將 JSON 對象轉(zhuǎn)換為 JSON 字符串。如果提供了 replacer 參數(shù)，則使用該參數(shù)轉(zhuǎn)換鍵和值。如果提供了 space 參數(shù)，則在 JSON 字符串中添加縮進。

JSON.stringify() 方法的示例

const obj = {
name: 'John Doe',age: 30,occupation: 'Software Engineer'};const json = JSON.stringify(obj);console.log(json);

以上代碼將 JavaScript 對象 obj 轉(zhuǎn)換為以下 JSON 字符串：

{"name": "John Doe","age": 30,"occupation": "Software Engineer"}

使用 replacer 參數(shù)

您可以使用 replacer 參數(shù)指定哪些屬性應(yīng)該包含在 JSON 字符串中以及如何轉(zhuǎn)換它們。 replacer 參數(shù)可以是一個函數(shù)或數(shù)組。如果它是一個函數(shù)，則該函數(shù)將應(yīng)用于每個鍵值對，并返回一個經(jīng)過轉(zhuǎn)換的值。如果它是一個數(shù)組，則該數(shù)組指定要包含在 JSON 字符串中的屬性。 replacer 參數(shù)的語法如下：

function(key, value)

• key ：屬性的鍵。
• value ：屬性的值。

例如，以下代碼使用 replacer 參數(shù)只包含 obj 對象中 name 和 age 屬性：

const obj = {name: 'John Doe',age: 30,occupation: 'Software Engineer'};const json = JSON.stringify(obj, (key, value) => {if (key === 'name' || key === 'age') {return value;}});console.log(json);

以上代碼將輸出以下 JSON 字符串：

{"name": "John Doe","age": 30}

使用 space 參數(shù)

您可以使用 space 參數(shù)縮進 JSON 字符串中的輸出。 space 參數(shù)是一個數(shù)字，它指定縮進的空格數(shù)。例如，以下代碼使用 space 參數(shù)在 JSON 字符串中添加兩個空格的縮進：

constobj = {name: 'John Doe',age: 30,occupation: 'Software Engineer'};const json = JSON.stringify(obj, null, 2);console.log(json);

以上代碼將輸出以下 JSON 字符串：

{"name": "John Doe","age": 30,"occupation": "Software Engineer"
}

結(jié)論

JSON.stringify() 方法是一個非常重要的 JavaScript 函數(shù)，它可以將 JavaScript 對象轉(zhuǎn)換為 JSON 字符串。通過了解 JSON.stringify() 方法的工作原理以及如何使用 replacer 和 space 參數(shù)，您可以有效地將 JavaScript 對象轉(zhuǎn)換為 JSON 字符串，并根據(jù)需要定制 JSON 字符串的格式。

---

JSON.stringify()方法3個參數(shù)詳解

() 是一個強大的工具，它以三個參數(shù)將對象轉(zhuǎn)換為易于閱讀的 JSON 格式字符串，分別是：需要序列化的數(shù)據(jù)、替換器(replacer)和控制縮進的空格參數(shù)。 首先，我們要處理的對象是轉(zhuǎn)換的核心，即序列化的目標。 第二個參數(shù)，replacer，是一個可選的函數(shù)或數(shù)組，其作用在于定制序列化過程。 如果它是一個函數(shù)，函數(shù)會遍歷對象的每個屬性，并根據(jù)其返回值決定是否包含在最終的 JSON 字符串中。 通過這個功能，我們可以修改或過濾輸出的屬性。 如果它是數(shù)組，只有數(shù)組中列出的屬性才會被包含。 最后，空格參數(shù)（space）用來控制生成的 JSON 字符串的格式。 可以是數(shù)字，表示使用指定數(shù)量的空格進行縮進，或者是一個字符串（如 \t 或空格），作為縮進字符。 這樣，我們可以通過調(diào)整空格設(shè)置，獲得整潔且可讀性更高的 JSON 輸出。

【面試題】JSON.stringify()妙用，你真的知道嗎？

【面試題】()的實用技巧，你真正掌握了嗎？

()是JavaScript中一個強大的工具，用于將JavaScript對象轉(zhuǎn)換為易于閱讀的JSON字符串，便于存儲和前后端數(shù)據(jù)交換。它接受三個參數(shù)：

例如，當存儲數(shù)組或?qū)ο蟮奖镜卮鎯r，()可以避免將復(fù)雜類型存儲為[object,object]，提高數(shù)據(jù)的可讀性。 在向后端傳遞參數(shù)時，通過轉(zhuǎn)換為字符串形式，可以確保數(shù)據(jù)格式一致。

此外，()還能用于數(shù)組去重、深拷貝和對象屬性順序控制。 通過設(shè)置replacer參數(shù)，可以實現(xiàn)按特定屬性順序輸出，或僅保留部分屬性。 例如，判斷數(shù)組或?qū)ο笫欠裣嗟葧r，()的第二個參數(shù)就派上用場了。

要美化輸出，可以傳入一個數(shù)字作為第三個參數(shù)，如(obj, null, 2)會添加2個空格的縮進。 這樣，JSON字符串看起來更加整潔。

總之，了解并熟練運用()的這些技巧，能讓你在開發(fā)過程中更得心應(yīng)手。

深入理解JSON.stringify()

在實際開發(fā)中有著豐富的應(yīng)用場景，盡管你可能已經(jīng)熟悉了它的基本用法，但其實它隱藏著更多實用特性。 這些特性往往在不經(jīng)意間發(fā)揮作用，值得深入理解。 如果你覺得這個話題略顯枯燥，讓我們通過幾個有趣的場景來探索。 例如，深拷貝時，的deepCopy功能（如`((obj/arr))`）在處理引用類型數(shù)據(jù)時至關(guān)重要，它能確保新生成的對象與原對象在內(nèi)存上獨立，互不影響。 在服務(wù)端數(shù)據(jù)存儲中，也十分關(guān)鍵。 比如，存儲的canvas模板數(shù)據(jù)和Vue-amap的SVG路徑信息，這時就需要序列化存儲。 另外，localStorage和sessionStorage存儲的數(shù)據(jù)必須先轉(zhuǎn)化為字符串，否則可能出現(xiàn)存儲失效的問題。 當從服務(wù)端接口獲取Canvas或SVG數(shù)據(jù)時，能幫助解析這些數(shù)據(jù)，并在和vue-amap等組件中正確渲染。 此外，還能過濾數(shù)據(jù)和格式化輸出，包括設(shè)置縮進，使其更易于閱讀。 不過，遇到自引用對象時，會拋出“cyclic object value”錯誤，這時需要特殊處理，比如使用庫。 對于具有相同屬性但順序不同的對象，的結(jié)果可能出乎意料，這需要額外注意。 在實際操作中，可能會遇到諸如數(shù)據(jù)庫存儲后屬性消失、axios請求參數(shù)undefined消失等問題，這可能是由于replacer函數(shù)的過濾、屬性設(shè)置或數(shù)據(jù)類型的特殊性導(dǎo)致的。 與localStorage的配合使用時，確保數(shù)據(jù)為字符串是關(guān)鍵。 通過上述內(nèi)容，你應(yīng)該對有了更深入的認識。 在遇到問題時，記得檢查replacer、對象屬性和數(shù)據(jù)類型，找出問題的根源。 加入我們的技術(shù)討論小組，一起交流學(xué)習(xí)，提升前端開發(fā)技能吧！

json對象轉(zhuǎn)化為字符串詳解

直接將JSON對象轉(zhuǎn)化為字符串的過程叫做序列化，主要通過JavaScript的內(nèi)置方法()實現(xiàn)。 這個方法接受三個參數(shù)：要轉(zhuǎn)換的JavaScript值（通常是對象或數(shù)組）、可選的replacer函數(shù)或數(shù)組，以及可選的space用于美化輸出的縮進。

首先，value參數(shù)是必需的，它代表要序列化的JavaScript對象。 replacer參數(shù)是一個可選的處理函數(shù)或數(shù)組，如果設(shè)置為函數(shù)，會遍歷對象的每個鍵值對，對某些值進行處理后再寫入字符串；如果是數(shù)組，只會序列化數(shù)組中指定的鍵。 space參數(shù)可選，用于控制生成的JSON字符串的縮進，使代碼更易讀。

示例中，將一個對象obj轉(zhuǎn)化為JSON字符串，原始對象{ name : Geoff Lui, age : 26 }，其輸出結(jié)果會顯示對象的所有屬性。 在replacer用法中，通過函數(shù)過濾或修改特定鍵的值，如年齡改為14。 通過數(shù)組指定序列化的鍵，如[a, b, c]，僅這三個鍵的值會被轉(zhuǎn)化。 space參數(shù)的使用則使得輸出的JSON字符串具有清晰的層級結(jié)構(gòu)。

總的來說，()提供了靈活的方式來控制JSON字符串的生成，對于理解和操作JavaScript對象的序列化非常實用。 通過這些例子，你應(yīng)該對這個過程有更深入的理解。 如果你在學(xué)習(xí)過程中遇到任何問題，歡迎繼續(xù)關(guān)注腳本之家獲取幫助。 祝學(xué)習(xí)順利！

一文徹底弄懂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字符串

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

其他應(yīng)用場景

---

---

相關(guān)標簽： 字符串、 深入剖析、 深入剖析java編譯器、 將對象轉(zhuǎn)換為JSON、 JSON.stringify、

上一篇：JSONstringify的藝術(shù)將JavaScript對象轉(zhuǎn)換

下一篇：讓你的網(wǎng)站脫穎而出網(wǎng)頁背景圖片的趨勢和創(chuàng)