localStorage的用法

  • Post author:
  • Post category:其他



localStorage存储


我们通过以下方式将数据储存到localStorage中

window.localStorage.setItem('key',value)


当value为一个对象Object

,以上面的方式写入,会出现读取的返回值为{object Object}的情况,但这并不是我们想要的,此时我们需要使用新的方式,通过JSON.stringify(Object)方法将对象转化为一个json格式的字符串进行存储

window.localStorage.setItem('param',JSON.stringify(Object)) //存储
JSON.parse(window.localStorage.getItem('param')) // 取出


localStorage读取


我们通过以下方式来读取localStorage中的值

window.localStorage.getItem('key')

当我们通过localstorage.getItem(‘user’)获取到的是字符串,所以无法将进一步获取数据,这个时候要把字符串转化一下

JSON.parse(window.localStorage.getItem('user')).uId


localStorage删除


我们通过以下方法来删除对应key以及key中的内容

window.localStorage.removeItem('key')


localStorage清空所有的key


清空localStorage中所有的key;

注意:请谨慎使用,它会清空所有的本地存储数据

window.localStorage.clear()



版权声明:本文为assgrsryiy12原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。