localStorage本地存储

存储简单数据类型

1
2
3
4
5
6
//存储数据 && 修改数据
localStorage.setItem(key,value)
//读取数据
localStorage.getItem(key)
//删除数据
localStorage.removeItem(key)

localStorsge.getItem()的返回值是字符串，无论key对应的value存储时是什么类型

存储对象

不能直接将对象作为localStorage.setItem()的value参数

存储对象数据需要使用JSON.stringify()方法将对象转化为字符串，使用时使用JSON.parse()方法反序列化将字符串转化为对象

1
2
3
4
5
6
7
8
9
10
<script>
    let email = {
        'qq':'2691296657@qq.com',
        'google':'dougunduzi@gmail.com'
    }
    let jsonOfEmail = JSON.stringify(email)
    localStorage.setItem('email',jsonOfEmail)
    let objOfEmail = JSON.parse(jsonOfEmail)
    console.log(objOfEmail)
</script>