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()

本文作者:Author:     文章标题:localStorage的存储,读取,删除

本文地址:https://yiyunblog.cn/index.php/archives/239/     

版权说明:若无注明,本文皆为“逸云日志”原创,转载请保留文章出处。
Last modification:April 26th, 2020 at 05:29 pm
如果觉得我的文章对你有用,请随意赞赏