溫馨提示×

關(guān)于localStorage的存儲,讀取,刪除

小云
255
2023-08-08 13:31:08
欄目: 云計算

localStorage是HTML5提供的一種用于在瀏覽器中存儲數(shù)據(jù)的機制。它可以在瀏覽器關(guān)閉后仍然保留數(shù)據(jù)，可以用于存儲用戶的個人設(shè)置、游戲進度、購物車信息等。

存儲數(shù)據(jù)到localStorage：

要將數(shù)據(jù)存儲到localStorage中，可以使用setItem方法。該方法接受兩個參數(shù)，第一個參數(shù)是要存儲的數(shù)據(jù)的鍵名，第二個參數(shù)是要存儲的數(shù)據(jù)的值。例如：

localStorage.setItem(“key”, “value”);

讀取數(shù)據(jù)從localStorage：

要從localStorage中讀取數(shù)據(jù)，可以使用getItem方法。該方法接受一個參數(shù)，即要讀取的數(shù)據(jù)的鍵名，返回對應(yīng)的值。例如：

var value = localStorage.getItem(“key”);

刪除數(shù)據(jù)從localStorage：

要從localStorage中刪除數(shù)據(jù)，可以使用removeItem方法。該方法接受一個參數(shù)，即要刪除的數(shù)據(jù)的鍵名。例如：

localStorage.removeItem(“key”);

注意事項：

  • 存儲在localStorage中的數(shù)據(jù)是以鍵值對的形式存儲的，鍵名和值都是字符串類型。

  • 如果要存儲的值不是字符串類型，可以使用JSON.stringify()方法將其轉(zhuǎn)換為字符串存儲，再使用JSON.parse()方法將其轉(zhuǎn)換回原來的類型讀取。

  • localStorage中的數(shù)據(jù)是在同一域名下共享的，不同域名之間的localStorage是互相獨立的。

  • localStorage的存儲容量是有限的，通常為5MB左右，超過容量會導(dǎo)致存儲失敗。

0 踩