簡介

JSON.stringify() 是 JavaScript 中一個強大的函數，用于將 JavaScript 對象或值轉換為 JSON（JavaScript 對象表示法）字符串。它是一種廣泛使用的格式，用于在網絡應用程序和 API 之間傳輸和存儲數據。

應用場景

1. 數據存儲

JSON.stringify() 通常用于將 JavaScript 對象存儲在數據庫或本地存儲中。例如，您可以將用戶數據對象轉換為 JSON 字符串，然后將其存儲在 localStorage 中。

const userData = {id: 1,name: "John Doe",email: "johndoe@example.com"
};localStorage.setItem("user", JSON.stringify(userData));

2. 通信

JSON.stringify() 在網絡應用程序中廣泛用于數據通信。它用于將數據從客戶端發送到服務器端，反之亦然。例如，您可以將表單數據轉換為 JSON 字符串，然后使用 AJAX 請求將其發送到服務器端。

const formData = {name: "John Doe",email: "johndoe@example.com"
};const xhr = new XMLHttpRequest();
xhr.open("POST", "/submit-form");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify(formData));

3. 傳輸復雜數據結構

JSON.stringify() 支持將復雜的 JavaScript 數據結構（如數組、對象和嵌套對象）轉換為 JSON 字符串。這使得在應用程序之間傳輸此類數據變得容易。

const dataStructure = {users: [{id: 1,name: "John Doe",email: "johndoe@example.com"},{id: 2,
name: "Jane Doe",email: "janedoe@example.com"}]
};const jsonString = JSON.stringify(dataStructure);

4. 數據格式化

JSON.stringify() 可用于格式化 JavaScript 數據。這在調試和日志記錄等情況下很有用。

const userData = {id: 1,name: "John Doe",email: "johndoe@example.com"
};console.log(JSON.stringify(userData, null, 2));

此代碼將以縮進和換行格式化 JSON 字符串，使其更易于閱讀。

5. 與其他語言集成

JSON 是一種獨立于語言的格式，可以輕松地與其他編程語言集成。JSON.stringify() 可用于將 JavaScript 數據轉換為 JSON 字符串，以便與這些語言共享。

// Python 代碼
import jsonjs_object = {"id": 1, "name": "John Doe"}
json_string = json.dumps(js_object)

參數

JSON.stringify() 函數接受兩個可選參數：

• replacer ：一個可選的函數，用于自定義對象如何轉換為 JSON。
• space ：一個可選的數字，指定 JSON 字符串中縮進空格的數量。如果為 0，則不會縮進。

示例

// 將對象轉換為縮進格式的 JSON 字符串
const userData = {id: 1,name: "John Doe",email: "johndoe@example.com"
};const jsonString = JSON.stringify(userData, null, 2);
console.log(jsonString);

// 自定義對象轉換規則
const replacer = (key, value) => {if (typeof value === "function") {return value.toString();} else {return value;}
};const obj = {id: 1,name: "John Doe",email: "johndoe@example.com",func: () => {}
};const jsonString = JSON.stringify(obj, replacer);
console.log(jsonString);

結論

JSON.stringify() 是 JavaScript 中一個強大的工具，用于將 JavaScript 數據轉換為 JSON 字符串。它在各種應用場景中發揮著至關重要的作用，包括數據存儲、通信、傳輸復雜數據結構、數據格式化以及與其他語言集成。通過了解和使用 JSON.stringify()，您可以更有效地管理和共享數據。

---

JSON. stringify()的問題？

后臺輸出的是[object Object]，看不到具體的內容，此時只需在前端頁面上利用()將該傳輸數據轉換成與json文件中格式一致就可以解決問題。

代碼如下：

(date) //data

注() 方法是將一個JavaScript值(對象或者數組)轉換為一個 JSON字符串。

擴展資料：

[object Object]進一步獲得值的方法：

1、對象中有數組，數組中有對象的情況

data={total:3,rows:[{name:老四,},{name:老六,電

提取“老四”： var da=[0];

2、對象中有數組的情況

data={rows:[2,4,5,6,8]}

提取數組：var da=;或者 var da=data[rows];

強大的JSON.stringify，你真的會使用嗎?

強大的 方法在開發中扮演著重要角色，但你是否真正掌握了它的用法呢？本文將帶你深入理解其三個參數以及九個特性。 首先， 不僅僅是一個簡單的轉換工具。 MDN 描述它能將 JavaScript 對象或值轉化為 JSON 字符串，通過replacer 函數可以定制化序列化過程。 replacer 函數接收鍵和值，可以過濾、替換或選擇性地保留對象屬性。 replacer 參數允許我們對對象進行更精細的控制。 例如，它可以過濾數組中的值，或者在轉換過程中忽略某些特殊值，如 undefined、函數、Symbol。 此外，toJSON 方法的實現也能影響序列化結果。 在實際應用中，要注意 對象、循環引用、BigInt 和可枚舉屬性的處理方式。 盡管它能用于 localStorage 的數據存儲和屬性過濾，但深拷貝時需謹慎，因為它可能無法處理循環引用的問題。 利用 的靈活性，你可以實現對象的 map 函數、刪除屬性、進行簡單的對象判斷，甚至數組對象去重。 然而，由于 JSON 字符串化的特性，某些情況下可能需要額外處理，比如處理數組中的對象順序問題。 最后，小包提醒大家，作為前端開發者，熟練掌握 是至關重要的。 別忘了關注我的知乎號和公眾號“小包學前端”，共同進步，迎接更美好的未來。 讓我們一起期待疫情早日結束，世界恢復和平安寧。

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

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

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

例如，當存儲數組或對象到本地存儲時，()可以避免將復雜類型存儲為[object,object]，提高數據的可讀性。 在向后端傳遞參數時，通過轉換為字符串形式，可以確保數據格式一致。

此外，()還能用于數組去重、深拷貝和對象屬性順序控制。 通過設置replacer參數，可以實現按特定屬性順序輸出，或僅保留部分屬性。 例如，判斷數組或對象是否相等時，()的第二個參數就派上用場了。

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

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

深入理解JSON.stringify()

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

JSON.stringify() 的使用

復制粘貼一下 ()三個參數的含義：

返回值：返回包含 JSON 文本的字符串。 從上面的參數說明中可以看到，第二個參數可以是一個函數或者數組，這給了我們很大的發揮空間。

stringify() 的第一個和第三個參數都好理解，所以下面主要說的是第二個參數。

當第二個參數為數組時，可作為條件篩選使用。 例如有如下對象：

如果我們只需要name屬性，則可以這樣：

這個特性只對對象的根屬性生效，例如：

即使第二層上也有name屬性，但在篩選時并不會選中。 當對一個數組進行轉換時，會篩選數組第一層的每個值，例如：

基本上數組的用法就是如此了。

函數的發揮空間是很大的，理所當然地用法也就比較多了。 當第二個參數為函數時，stringify() 會給函數傳遞兩個參數，參數值為每一個成員的鍵和值。 但跟數組參數不同的是，函數會處理所有層級上的每一個成員。 例如：

所有符合條件的內容都被修改了（注意『小紅』是『小剛』的下一層）。 正是因為函數的這個特性，我們可以很方便地實現一些可能比較麻煩的功能。 比如上面的例子，如果不使用 stringify() 方法而想要修改所有層級上的age屬性的值，就需要需要進行深循環。

上面的例子中，如果想要復制一份arr的數據，通常是進行深拷貝，但其實也可以使用stringify()，只需要配合 () 即可：

stringify() 不能處理值為函數的成員，當某個成員的值為函數時，在轉換過程中會被自動排除，例如：

同樣的，() 方法是不能處理函數格式的字符串的。

---

---

相關標簽： 通信和更多、 數據存儲、 JSON.stringify、 應用場景、 json.stringify、

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

下一篇：JSONstringify最佳實踐避免常見陷阱和優化