sessionStorage 本地缓存小案例_sess 本地缓存-CSDN博客

本文链接：https://blog.csdn.net/angularWQ/article/details/90055224

想用sessionStorage存储一个数组，数组里是多个对象 [{},{}]

但是sessionStorage 会把他搞成字符串

解决方案:

1,首先用 JOSN.parse() JSON.stringfy()两个api

 //把对象放进数组里 
  var arr = [];
  let id ="";
  let value = "";
  let obj = {id:id,value:value}
  arr.push(obj);
//处理数据放进内存
  var str = JSON.stringify(arr)
  if (!window.sessionStorage) {
                   return false;
  } else {
    sessionStorage.setItem("objs", str)
}
//获取内存 处理数据
  let obj = sessionStorage.getItem("objs")
                               
  var _arrObj = JSON.parse(obj)

2,打印一下这个过程

var arrObj = [{id: 1}, {id: 2}]
var str =JSON.stringify(arrObj)
console.log(str);//'[{"id":1},{"id":2}]'
var _arrObj=JSON.parse(str)
console.log(_arrObj);//[{id: 1}, {id: 2}]

3,语法

// 保存数据到 sessionStorage
sessionStorage.setItem('key', 'value');

// 从 sessionStorage 获取数据
let data = sessionStorage.getItem('key');

// 从 sessionStorage 删除保存的数据
sessionStorage.removeItem('key');

// 从 sessionStorage 删除所有保存的数据
sessionStorage.clear();