如何在sessionstorage中存储JSON数据-木庄网络博客

本文摘自PHP中文网，作者angryTom，侵删。

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

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

获取sessionstorage

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

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

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

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

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

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

本文来自 js教程栏目，欢迎学习！

相关阅读 >>

更多相关阅读请进入《sessionStorage》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者