如何在 HTML5 本機和會話儲存中儲存和檢索複雜的 JavaScript 物件？

HTML5 本地和會話儲存中物件的儲存

查詢：

HTML5 的localStorage 和sessionStorage 可以高效能儲存原始torage JavaScript 類型和陣列。然而，當嘗試儲存複雜的 JavaScript 物件時，它們似乎會無意中轉換為字串。了解此行為背後的原因並探索潛在的解決方法至關重要。

回應：

根據 HTML5 Web 儲存規範，儲存功能主要設計用於處理金鑰/值對，鍵和值都是字串。因此，複雜的物件無法直接儲存。

解決方法：

要規避此限制，您可以透過將物件轉換為字串來採用簡單的解決方法：

<br>// 將物件儲存為string<br>localStorage.setItem('testObject', JSON.stringify(testObject));<p>// 擷取儲存的物件<br>var returnedObject = localStorage.getItem('testObject');<br> </p>

檢索儲存的值時，可以轉換回原始值object:

<br>// 重建物件<br>varreconstructedObject = JSON.parse(retrievedObject);<br>

這種方法允許您可以有效地儲存和檢索複雜的物件。

以上是如何在 HTML5 本機和會話儲存中儲存和檢索複雜的 JavaScript 物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！