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");

常用:

  1. 在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"))
  1. 遍历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值。

上一篇下一篇

猜你喜欢

热点阅读