localStorage的用法小記

參考鏈結

1.## 普通用法，儲存基本型別的資料，比如，陣列，字串和數值

const arr =[1

,2,3
]//通過localstorage的setitem方法,第乙個引數傳入要設定的localstorage的名稱,第二個引數傳入要儲存的資料
localstorage.
setitem
('arr'
,arr)
//通過localstorage的getitem方法,傳入要查詢的localstorage的名稱
console.
log(localstorage.
getitem
('arr'))
//推薦下面這種獲取方法,避免了查詢不存在的儲存返回null
console.
log(localstorage.
getitem
('arr')||
'')

如果我們想儲存複雜資料型別,可以通過json.stringify和json.parse的轉換來實現

const arr =[,

,]//將陣列先轉化為字串
localstorage.
setitem
("userinfo"
,json
.stringify
(arr)
)//再將字串轉化為陣列物件,這樣就可以將陣列正確儲存
console.
log(
json
.parse
(localstorage.
getitem
('userinfo'))
)

localStorage用法小總結

記得前端大神winter說過 要建立起自己的知識體系，第一步 尋找線索 找準確 全面的 第二步，建立聯絡 第三步，是分類 用思維導圖 第四步，是追本溯源 找到最初的那個它 今天，懷著崇拜大神的心情，來學習下 localstorage的基本用法。用到的學習機是chrome瀏覽器，畢竟大廠權威性還是可以...

localStorage用法小總結

記得前端大神winter說過 要建立起自己的知識體系，第一步 尋找線索 找準確 全面的 第二步，建立聯絡 第三步，是分類 用思維導圖 第四步，是追本溯源 找到最初的那個它 今天，懷著崇拜大神的心情，來學習下 localstorage的基本用法。用到的學習機是chrome瀏覽器，畢竟大廠權威性還是可以...

JS中localStorage的用法注意點

localstorage提供了幾個方法 1 儲存 localstorage.setitem key,value 如果key存在時，更新value 2 獲取 localstorage.getitem key 如果key不存在返回null 3 刪除 localstorage.removeitem key...