localStorage.setItem('key', 'value'); //设置本地缓存
localStorage.getItem('key'); //获取本地缓存
localStorage.removeItem('key'); //删除指定本地缓存
localStorage.clear(); //清空所有数据
sessionStorage存储数据会随着浏览器关闭而消失
localStorage需要手动清除才消失
对象值转为JSON格式来存储
let data = {name:'张三',age:18}
localStorage.setItem('person',JSON.stringify(data))
获取JSON对象数据中的指定值
let myName=JSON.parse(sessionStorage.getItem(“userInfo”));
获取缓存中JSON数据 并转为对象数据,并封装成了方法,直接调用
const sessionCache = {
set (key, value) {
if (!sessionStorage) {
return
}
if (key != null && value != null) {
sessionStorage.setItem(key, value)
}
},
get (key) {
if (!sessionStorage) {
return null
}
if (key == null) {
return null
}
return sessionStorage.getItem(key)
},
setJSON (key, jsonValue) {
if (jsonValue != null) {
this.set(key, JSON.stringify(jsonValue))
}
},
getJSON (key) {
const value = this.get(key)
if (value != null) {
return JSON.parse(value)
}
},
remove (key) {
sessionStorage.removeItem(key);
}
}
const localCache = {
set (key, value) {
if (!localStorage) {
return
}
if (key != null && value != null) {
localStorage.setItem(key, value)
}
},
get (key) {
if (!localStorage) {
return null
}
if (key == null) {
return null
}
return localStorage.getItem(key)
},
setJSON (key, jsonValue) {
if (jsonValue != null) {
this.set(key, JSON.stringify(jsonValue))
}
},
getJSON (key) {
const value = this.get(key)
if (value != null) {
return JSON.parse(value)
}
},
remove (key) {
localStorage.removeItem(key);
}
}
输出
export default {
/**
* 会话级缓存
*/
session: sessionCache,
/**
* 本地缓存
*/
local: localCache
}
调用方法
session.getJSON('sessionObj')
local.getJSON('sessionObj')
session.setJSON('sessionObj', requestObj)
local.setJSON('sessionObj', requestObj)
删除localStorage里的数组
function f(i){
var list = JSON.parse(localStorage.getItem('list'));
list.splice(i, 1);
localStorage.setItem('list', JSON.stringify(list));
}
移除localStorage 某个对应的字段
localStorage.removeItem('maxPostion-'+this.itemInfo.itemid);