本地存储数据

200 阅读1分钟
本地存储

特点:1.永久存在 2.同一个浏览器,不同页面都可以使用 3.关闭页面之后,不会自动消失

  1. 存储本地数据 --- localStorage.setItem(键,值)

    键:字符串键,如果不是字符串,报错

    值:字符串值,只能存字符串,如果不是字符串,也会转换为字符串

    例如:localStorage.setItem('key', '我爱他轰轰烈烈最疯狂')
    
  2. 获取本地数据 --- localStorage.getItem(键)
    例如:localStorage.setItem(键)
    
  3. 删除键所对应的值 --- localStorage.remove(键)
    例如:localStorage.removeItem(键)
    
  4. 清除当前浏览器中所有的本地数据---谨慎使用 --- localStorage.clear( )
    例如:localStorage.clear( )
    

存储复杂数据类型:

本地只能存储字符串,无法存储复杂数据类型.需要将复杂数据类型转换成JSON字符串,在存储到本地

例如存储对象、数组:JSON.stringify(复杂数据类型)------将复杂数据转换成JSON字符串 存在本地
----->  JSON.parse(JSON字符串)------将JSON字符串转换成对象、数组 从本地调出来使用

会话存储

特点:1.只要页面关闭就会消失 2.不同页面不能使用

sessionStorage.setItem( 键,值),用法跟localStorage.setItem(键,值)一样