localStorage存儲
我們通過以下方式將數據儲存到localStorage中
window.localStorage.setItem('key',value)
1
但有時value為一個對象Object,以上面的方式寫入,會出現讀取的返回值為
{object Object}的情況,但這並不是我們想要的,此時我們需要使用新的方式
傳入Object
window.localStorage.setItem('param',JSON.stringify(Object))
1
通過JSON.stringify(Object)方法將對象轉化為一個json格式的字符串進行存儲
localStorage讀取
我們通過以下方式來讀取localStorage中的值
window.localStorage.getItem("key")
1
相對的在讀取json格式字符串只有我們也無法直接使用,需要將它轉換為josn對象之后才是我們想要的結果,所以我們需要調用 JSON.parse()方法來進行轉化,
之后在繼續使用
JSON.parse(window.localStorage.getItem("key"))
1
localStorage刪除
我們通過以下方法來刪除對應key以及key中的內容
window.localStorage.removeItem('key')
1
localStorage清空所有的key
清空localStorage中所有的key;
注意:請謹慎使用,它會清空所有的本地存儲數據
window.localStorage.clear()
1
————————————————
版權聲明：本文為CSDN博主「沈胖三」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/she8362315/article/details/82900662
localStorage是一個沒有時間限制的數據存儲，如果沒有手動刪除它，它將永久保存。
但是有些時候我們又需要它在一段時間后自動刪除，這里我們可以對它進行擴展。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
var
date =
new
Date().getTime();
//設置localStorage的值
foowwLocalStorage.set(
"test"
,
"你好"
, date + 10000);
//獲取localStorage的值
var
data = foowwLocalStorage.get(
"test"
);
const foowwLocalStorage = {
set:
function
(key, value, ttl_ms) {
var
data = { value: value, expirse:
new
Date(ttl_ms).getTime() };
localStorage.setItem(key, JSON.stringify(data));
},
get:
function
(key) {
var
data = JSON.parse(localStorage.getItem(key));
if
(data !==
null
) {
debugger
if
(data.expirse !=
null
&& data.expirse <
new
Date().getTime()) {
localStorage.removeItem(key);
}
else
{
return
data.value;
}
}
return
null
;
}
}
|