JSlocalStorage存储对象，sessionStorage存储数组对象
操作⽰例
本⽂实例讲述了JS localStorage存储对象，sessionStorage存储数组对象操作。分享给⼤家供⼤家参考，具体如下：
⼀、前⾔
最近在⽤angular做商城购物车的功能模块，因为angular的watch监听，数据只要发⽣变化就能很⽅便的⾃动渲染页⾯。但随即出现的问题是，之前⽤户操作的样式都会被重置掉。
例如我勾选了⼏个商品准备结算，⼜修改了商品数量，这时候发起了请求，页⾯数据被渲染，打钩的商品全被恢复未选中。
想着将所有选中商品的独有Id存⼊数组，利⽤localStorage存储，每次刷新都取到存储的数组，将数组对应Id的商品再次勾上。结果出现了下⾯的问题：
var a = [1,2,3];
window.localStorage.setItem('key',a);
var b = Item('key');
console.log(b,typeof b);//1,2,3  string
很明显，数组存进去直接被强转为了字符串类型，这明显不是我想要的，查了下，可以利⽤json.stringify与JSON.parse的转换达到⽬的。
⼆、存储数组
json.stringify可以将对象转换为 JSON 字符串
JSON.parse可以将 JSON 字符串转换为对象
那我们存的时候先将数组转成JSON字符串，取出来再转成数组就可以了，实现如下。
function storageObj(obj) {
var checkedIdStr = JSON.stringify(obj);
sessionStorage.setItem("key", checkedIdStr);
};
var arrBefor = [1,2,3];
storageObj(arrBefor);
sessionstorage和localstoragevar arrAfter = JSON.Item("key"));
console.log(arrAfter,typeof arrAfter);//[1, 2, 3] "object"
三、存储对象
function storageObj(obj) {
var checkedIdStr = JSON.stringify(obj);
sessionStorage.setItem("key", checkedIdStr);
};
var objBefor = {
a:1,
b:2
};
storageObj(objBefor);
var objAfter = JSON.Item("key"));
console.log(objAfter,typeof objAfter);//{a: 1, b: 2} "object"
利⽤JSON转换值达到存储的的⽅式⾮常好⽤，除此之外JSON的⽅法还能⽤于深拷贝
更多关于JavaScript相关内容可查看本站专题：《》、《》、《》、《》、《》、《》及《》
希望本⽂所述对⼤家JavaScript程序设计有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。