首頁 > web前端 > js教程 > 如何在 HTML5 本機和會話儲存中儲存和檢索複雜的 JavaScript 物件?

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

Mary-Kate Olsen
發布: 2024-12-28 01:53:10
原創
843 人瀏覽過

How Can I Store and Retrieve Complex JavaScript Objects in HTML5 Local and Session Storage?

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板