如何在 HTML5 localStorage 和 sessionStorage 中儲存和檢索 JavaScript 物件？

在 HTML5 localStorage 和 sessionStorage 中儲存物件

HTML5 的 localStorage 或 sessionStorage 本身並沒有支援物件。嘗試直接儲存物件將導致其被序列化為字串。

要規避此限制，請考慮以下解決方法：

1. 字串化物件： 在儲存物件之前，使用JSON.stringify 將其轉換為JSON 字串。
2. 儲存字串： 使用 setItem('key', JSON_string) 將 JSON 字串指派給 localStorage 或 sessionStorage 中的鍵。
3. 擷取字串： 取得物件時，取得 JSON使用 getItem('key') 的字串。
4. 解析字串：使用 JSON.parse 將擷取的字串轉換回物件。

範例：

const testObject = { 'one': 1, 'two': 2, 'three': 3 };

// Stringify and store
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve and parse
const retrievedObject = JSON.parse(localStorage.getItem('testObject'));

console.log('Retrieved object:', retrievedObject);

此技術可讓您在 localStorage 和 sessionStorage 中儲存和擷取 JavaScript 對象，儘管它們固有的基於字串的儲存性質。

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