localStorage使用
2019-11-21 本文已影响0人
稻草人_9ac7
获取对象
var storage=localStorage;
完整格式为:var storage = window.localStorage,由于window是全局对象,可以省略。
三种写入方式:
//第一种方法读取
var a=storage.a; console.log(a);
//第二种方法读取
var b=storage["b"]; console.log(b);
//第三种方法读取
var c=storage.getItem("c");
清除所有:
storage.clear();
清除一对:
storage.removeItem("a");
常用:
- 在localStorage中只能以字符串的形式进行保存,所以在存入localStorage之前,我们需要将json格式的数据进行转化成string格式。例如当我们存储是对象的时候,需要先把数据转为
JSON.stringify(res.user)
向localStorage存入值:
//////////////登录
login(value) {
let url ="/user/login"
let data=value
console.log("点击了",data)
$axios.get(url,data).then(res=>{
console.log("登录成功",res)
//因为res.user是对象的类型,需要先把数据转为JSON格式的字符串
localStorage.setItem("username",JSON.stringify(res.user));
localStorage.setItem("token");
向localStorage取值:
let user = JSON.parse(localStorage.getItem("username"))
- 遍历localStorage中的所有数据
for(var i=0; i<localStorage.length;i++){
console.log('第'+i+'条数据key为:'
+localStorage.key(i)+',value为:'+localStorage.getItem(localStorage.key(i)));
}
其中:
localStorage.key(i),表示在lcoalStorage中第i下标的key值。