美文网首页
localStorage使用

localStorage使用

作者: 稻草人_9ac7 | 来源:发表于2019-11-21 10:58 被阅读0次

    获取对象

    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值。

    相关文章

      网友评论

          本文标题:localStorage使用

          本文链接:https://www.haomeiwen.com/subject/nrvzictx.html