localStorage是window上的,一般在框架里写代码不用加window
如:window.localStorage.getItem(“key”)

localStorage存储与获取

localStorage.setItem('key',value) //存储数据
localStorage.getItem("key") //获取数据
localStorage.key           //或者直接获取

localStorage数据的修改

localStorage.setItem('key',newValue) //修改数据

当存储对象类型数据时候,需将对象转化为一个json格式的字符串进行存储;
获取到的json格式字符串无法直接使用,需要转换为josn对象之后才能正常使用;

localStorage.setItem('param',JSON.stringify(Object))  //存储数据
JSON.parse(localStorage.getItem('param')) //获取数据

localStorage删除单个数据

localStorage.removeItem('key')  //删除key以及key中的内容

localStorage清空所有数据

localStorage.clear() 

localStorage中自带的方法,可以console中输入localStorage打印出其自带的方法

方法 作用
setItem 存储数据【增】
getItem 读取数据【查单个】
removeItem 删除某个数据【删单个】
clear 删除全部数据【删全部】
length localStorage存储变量的个数【计算数据总数】
key 读取第i个数据的名字或称为键值(从0开始计数)
valueOf 获取所有存储的数据【查全部】
hasOwnProperty 检查localStorage上是否保存了变量x,需要传入x【判断】
propertyIsEnumerable 用来检测属性是否属于某个对象的【判断】
toLocaleString 将(数组)转为本地字符串
Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐