JS的本地存储- sessionStorage/localStorage/数组对象的存储方式

JS的本地存储- sessionStorage/localStorage/数组对象存储

❤最后有你不可错过的总结的思维导图❤

1.特性

1）sessionStroage

1.页面刷新也不会丢失数据
2.在同一个窗口/页面下数据可以共享
3.以键-值对的形式存储使用

1）localStroage

1.数据永久存储 除非手动删掉
2.在同一个窗口/页面下数据可以共享
3.以键-值对的形式存储使用

2.存储

js中数据如果要存储到浏览器需要转换为数据的类型，因为浏览器只能存储进去字符串类型。

eg:需要 js 中的数组
arr=[{key：345}，{key：123}]
或者arr=[1,2,3,4]
或者arr={name:uname}存储

        //把数据放在内存里
        //先用 JSON 转换格式
        str = JSON.stringify(arr);
        //存储 key是存储时候设置的键名，也可以更改
        localStorage.setItem('key', str)
        //读取
        arr = JSON.parse(localStorage.getItem('key')) 

3.增删查改

两个除了生命周期不同，其余都大差不差的！存储时 是以键-值的形式存储（key 就是键）

1）session

存储数据 sessionStroage.setItem(‘属性’,值)
获取数据 sessionStorage.getItem(key)
移除数据 sessionStorage.remove(key)
删除所有数据 sessionStorage.clear()
生命周期到关闭浏览器为止

2）local

存储数据 localStorage.setItem(‘key’,‘值’)
获取数据 localStroage.getItem(key)
移除数据 localStroage.remove(key)
遍历key object key(sessionStorage)
数据永久存储 除非手动删掉

4.思维导图