localStorage存储
我们通过以下方式将数据储存到localStorage中
window.localStorage.setItem('key',value)
但有时value为一个对象Object,以上面的方式写入,会出现读取的返回值为{object Object}的情况,但这并不是我们想要的,此时我们需要使用新的方式
传入Object
window.localStorage.setItem('param',JSON.stringify(Object))
通过JSON.stringify(Object)方法将对象转化为一个json格式的字符串进行存储localStorage读取
我们通过以下方式来读取localStorage中的值
window.localStorage.getItem("key")
相对的在读取json格式字符串只有我们也无法直接使用,需要将它转换为josn对象之后才是我们想要的结果,所以我们需要调用 JSON.parse()方法来进行转化,
之后在继续使用
JSON.parse(window.localStorage.getItem("key"))
localStorage删除
我们通过以下方法来删除对应key以及key中的内容
window.localStorage.removeItem('key')
localStorage清空所有的key
清空localStorage中所有的key;
注意:请谨慎使用,它会清空所有的本地存储数据
window.localStorage.clear()
补充: sessionStorage
localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。
sessionStorage 窗口彻底关闭,缓存数据清除
sessionStorage.setItem('key',value)sessionStorage.getItem("key")sessionStorage.setItem('key',JSON.stringify(Object)) //对象JSON.parse(sessionStorage.getItem("key")) //对象sessionStorage.removeItem('key')sessionStorage.clear()
判断 key 是否存在
if (sessionStorage.getItem("key") != null) {//自定义代码}//或者 sessionStorage 中没有该键,也不会报错if (sessionStorage.getItem("key")) {//自定义代码}