sessionStorage数组、对象的存储和读取

时间:2023-06-26 15:17:02

一个对象的demo如下:

var obj = {

name:"name",

age:18,

love:"美女"

}

sessionStorage.setItem("sc",c);

var c1 = sessionStorage.getItem("sc");

console.log(typeof c1)  //string

console.log(c1) // [object object]

console.log(c1.anme) //undefined

//是不是要转换为json对象  我们试试

// var c2 = JSON.parse(c1);   //直接报错    继续向下看

//存储前转换为json串

var d = {

name:"name",

age:18,

love:"美女"

}

var e = JSON.stringify(d)

sessionStorage.setItem("sd",e);

var d1 = sessionStorage.getItem("sd");

console.log(typeof d1)  //string

console.log(d1) // {"name":"name","age":18,"love":"美女"}

console.log(d1.anme) //undefined

var f = JSON.parse(d1)

console.log(f)  //Object {name: "name", age: 18, love: "美女"}

console.log(f.age) //18

所以存储对象数据的时候,在存储之前和读取的时候都需要通过字符串和对象之间的转化,这样才可以很好的读取制定的字段。