localStroage 与sessionStroage使用

今天在做项目的时候用到了本地存储,要存储的是一个数组对象,数据如下

var data=[{cartNum:1,name:上衣,price:¥100},{cartNum:2,name:牛仔裤,price:¥200}]

我就直接照下面这样存储了,结果存的时候并没有报错,但是取得时候就出错了

照上面的写法取值的时候控制台打印输出是这样的


后来查了下,原来不能直接存储一个对象的,必须使用JSON.stringify把对象转变成字符串再进行存储,那同理,使用的时候刚取出来的数据是字符串类型的,我们应该用JSON.parse()方法来进行解析字符串

所以,正确存储对象的方法

	localStorage.setItem('cartInfor',JSON.stringify(data));

所以,正确取出本地存储对象的方法

JSON.parse(localStorage.getItem("cartInfor"))

对于临时存储 sessionStroage同上,这里就不再详细解说

删除存储的方法

localStorage.removeItem("cartInfor")
sessionStorage.removeItem("cartInfor")

删除所有存储的数据方法

localStorage.clear()
sessionStorage.clear()


阅读更多
个人分类: 随笔
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭