sessionstorage中存储JSON数据

在web开发时，可能经常会用到sessionstorage存储数据，存储单个字符串数据变量时并不困难

var str = 'This is a string';
sessionstorage.setItem('param',str);

获取sessionstorage

var item = sessionstorage.getItem('param');
console.log(item);

效果图

但是sessionStorage只能存储字符串类型数据，无法直接存储数组类型和JSON对象，如果有需求该怎样做呢？其实也很简单。

首先将JSON对象通过JSON.stringify()方法转换成字符串，再存储到sessionstorage中

var obj = {
  "name": "Tom",
  "age": 12,
  "gender": "man"
};
sessionstorage.setItem('jsonParams',JSON.stringify(obj));

然后通过JSON.parse()方法将字符串转换成JSON格式即可

var data = JSON.parse(sessionstorage.getItem('jsonParams'));
console.log(data);

效果图