前台sessionStorage存取对象注意事项

Posted yanl55555

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前台sessionStorage存取对象注意事项相关的知识,希望对你有一定的参考价值。

一、概述

使用sessionStorage存取全局数据:

语法:

sessionStorage.setItem("key",value);

object = sessionStorage.getItem("key");

若 value是一般字符串则直接使用

若 value是一个对象比如{ }

let obb = {
name:‘zhangyachoa‘,
age:‘18‘
}

则必须先将次对象转化为字符串存储

继而在获取的时候再将字符串解析成对象

否则浏览器只能打印【object Object】这样毫无意义的内容

二、存取对象

页面1:
let obb = {
name:‘zhangyachoa‘,
age:‘18‘
}
let str = JSON.stringify(obb)//把对象转化为字符串(stringify)存放进sessionStorage
sessionStorage.setItem(‘obbj‘,str)

页面2:

console.log(JSON.parse(sessionStorage.getItem(‘obbj‘)))//取出来的字符串在转化为对象JSON.parse

以上是关于前台sessionStorage存取对象注意事项的主要内容,如果未能解决你的问题,请参考以下文章

localstoragesessionstorage 存储布尔值要注意

论后台开发人员中开发前台遇到的坑坑(复名是不是很萌)

js loaclstorage和sessionstorage

localstoragesessionstorage 存储布尔值要注意

localstoragesessionstorage 存储布尔值要注意

sessionStorage存储json对象