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")

删除所有存储的数据方法

扫描二维码关注公众号,回复: 1262516 查看本文章

localStorage.clear()
sessionStorage.clear()


猜你喜欢

转载自blog.csdn.net/ygy211715/article/details/80340196