localstorage与sessionStorage setItem值的用法

最新推荐文章于 2025-09-18 18:41:45 发布

转载最新推荐文章于 2025-09-18 18:41:45 发布 · 5.5k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/qimhkaiyuan/blog/1619559

文章标签：

#javascript #c# #ViewUI

本文介绍了如何使用SessionStorage结合JSON来存储和读取JavaScript数组及对象。重点讲解了存储前后的数据类型转换，并给出了具体的操作步骤，包括保存、读取和删除数据。

2019独角兽企业重金招聘Python工程师标准>>>

1.保存数据

//若储存前先转换为json串类型
var b = [1,2,3]

//转换为Json串
var b1 = JSON.stringify(b);
sessionStorage.setItem("sb",b1);

var b2 = sessionStorage.getItem("sb");

console.log( typeof b2) //string
console.log( typeof JSON.parse(b2)) // object
console.log( typeof JSON.parse(b2)[2]) //number
console.log( JSON.parse(b2)) //[1,2,3]
console.log(JSON.parse(b2)[1]) //数组的第二个元素2

//总结 1、存储前转换为json串的形式，取出后转换为json对象形式可以当做数组直接用；
// 2、无论存储前是什么数据类型取出来之后他都会是一个字符串（string）类型
// 3、存储字符串时，取出来就直接可以用。
// 4、特别注意，当你存储一个对象的时候，必须先转换为json串存储，不然对象就没法用了

2.删除数据

sessionStorage.removeItem('sb');

参考链接：http://blog.youkuaiyun.com/wxl1555/article/details/52666217

转载于:https://my.oschina.net/qimhkaiyuan/blog/1619559