localStorage、sessionStorage本地存取Object 对象 - 代码篇

---

localStorage、sessionStorage本地存取Object 对象 - 代码篇

---

打印截图：

---

一、 localStorage 实例：

1.1. 重要代码 · 片段如下：

/* 例如：将动态对象 WWObj 存入本地 */
//···中间代码省略···
 WWObj = [obj.id, obj.fanyi, obj.babaId, obj.fanyiName, obj.babaName];
console.log(WWObj [4]);

//···中间代码省略···
localStorage.setItem('WWObj',JSON.stringify(WWObj));//存入对象
var obb = JSON.parse(localStorage.getItem("WWObj"));//读取对象
console.log(typeof(obb));//打印结果：object对象
console.log(obb);
//···中间代码省略···

---

二、sessionStorage 实例：

2.1. 重要代码 · 片段如下：

//存入sessionStorage 
sessionStorage.setItem("allowed",JSON.stringify(allowedmk)); 

//取出 sessionStorage 
var alw_type = JSON.parse(sessionStorage.getItem("allowed"));
console.log(typeof(alw_type)) //console.log结果：Boolean

---

附件：

案例说明：Login.vue 部分代码

//套接字 msg
	async msg (res){
      // 开启API对接：string转换obj
      res = (new Function("return " + res))();//第三种
      // console.log(res)
      // console.log(typeof(res))

      var typemk = '';
      var allowedmk;
      switch (res.code){
        case 200: 
                allowedmk = true;// session写入允许权限>>
                break;
        case 101: 
                allowedmk = false;
                break;
        case 103: 
                allowedmk = false;
                break;
        default: 
                allowedmk = true;
      }
      sessionStorage.setItem("allowed",JSON.stringify(allowedmk));
      Notify({ type: res.error, message: res.msg });

      switch (allowedmk){
        case true:
          this.$router.push('/home');
          break;
        case false:
          // this.$router.push('/login'); //跳转到登录界面
          break;
      }
    }
    //结束
  },
  

自留地：项目参考：node+vue+socket [GP信息推送小程序]

2.2. 截图 · 后端通信 · 返回的数据：

如下截图所示，后端返回的是一条String类型的数据。
因此需要用上面的代码进行格式转化：将String转为Object处理就比较方便了。

---

相关文章：

• js对象(Object)和字符串(String)互转 - 代码篇

---

以上就是关于“localstorage本地存取Object 对象 - 代码篇 ” 的全部内容。