本地储存的作用:把一些数据记录在浏览器中,是浏览器提供给我们的一些本地存储数据的机制
-
localStorage 永久缓存,除非手动删除
-
sessionStorage 会话缓存,关闭浏览器就没有了
- 共同点:只能存储字符串格式的数据
-
localStrorang
- localStrorage.setItem(‘名字’,‘值’)
- 存储一条数据
- 重复设置同一个名字的时候,就是修改数据
- localStrorage.setItem(‘名字’,‘值’)
localStorage.setItem('name',{name:8});
// 设置的值是一个对象,设置进入本地的实际值为 [object Object]
console.log(localStorage.getItem('name'));
// [object Object] 存入数据时值为对象,获取的时候是没有办法正确获取的
localStorage.setItem('name',JSON.stringify({name:8}));
//存储对象类型的数据的时候可以先将其转换为josn格式的字符串
console.log(localStorage.getItem('name'));
//{"name":8} 获取后获得是json格式的字符串,然后在使用JOSN.parse()转换为数组或者对象类型
-
localStorage.getItem(‘名字’)
- 获取数据,如果获取的是没有设置过的数据,返回null
-
localStorage.removeItem(‘名字’)
删除一条数据
-
localStorage.clear()
清除所有的数据
-
sessionStorage
-
sessionStorage.setItem(‘名字’,value)
-
sessionStorage.getItem(‘名字’)
-
sessionStorage.removeItem(‘名字’)
-
sessionStorage.clear()
-