【记录29】sessionStorage和localStorage的区别和用法

sessionStorage、localStorage的作用和区别

1. sessionStorage和localStorage都是用作存储数据
2. sessionStorage的存储，我看作是临时存储，因其存储的数据只存在当前的浏览器标签页，适用于单页面开发项目，安全上比localStorage的安全性高；
3. localStorage的存储，看作永久性存储，因其不是存储在当前浏览器标签页下，而是存储在电脑本地，单页面开发也适用，多页面开发也适应，但sessionStorage就不适应多页面开发；
4. 两者都是可以被清除的。

sessionStorage和localStorage使用

let key = 'zifuchaun'
sessionStorage.setItem('key') //存储key数据
sessionStorage.getItem('key') //获取key数据
sessionStorage.removeItem('key') //移除key数据
sessionStorage.clear() //清除存储所有数据

localStorage.setItem('key')
localStorage.getItem('key')
localStorage.removeItem('key')
localStorage.clear()

对象、数组的存储

可能有人说，我想存储对象、数组、数组对象等等，都可以。需要在存储前将其转换成字符串再存储就行啦！

JSON.stringty()  //转字符串格式
JSON.parse()   // 还原原有的格式

案例

这里小编只测试了sessionStorage，localStorage与sessionStorage使用方法相同。