关于本地缓存localstorage与sessionStorage 数组 (array)字符串(string) 对象(object)的存储技巧和注意事项
2023-09-11 14:17:33 时间
localstorage是永久储存在你的计算机上
Java字符串(String类)(下) 前面小编给大家分享了Java语法的知识,今天和大家一起学习关于Java字符串的相关知识,字符串在校招笔试中也是常考的一类题目,也是非常的重要,希望看完这篇文章,能对你们有所帮助,fighting冲冲冲~~~
sessionstorage只要浏览器关闭,存储就消失
!DOCTYPE html html head title 本地缓存 /title /head body /body script type="text/javascript" //储存一个数组到本地缓存数组 var a = [1,2,3] console.log(typeof a) //object //储存 sessionStorage.setItem("sa",a); //取出 并用a1接收这个值 var a1 = sessionStorage.getItem("sa") //打印a1的数据类型 console.log( typeof a1);//结果为string
//取出来不能当做数组用,必须得把字符串转换成数组 console.log(a1.split(",")) // ["1", "2", "3"] 转换为“,”隔开的数组,其数组元素还是字符串, //用之前先转换为Number类型,-0或者*1即可转换为Number类型 // console.log(JSON.parse(a1)) //这一行就会报错 因为a1本来就不是json串类型的数据, //他只能转换JSon串类型的数据 //若储存前先转换为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串存储,不然对象就没法用了
console.log(d1) // {"name":"name","age":18,"love":"美女"} console.log(d1.anme) //undefined var f = JSON.parse(d1) console.log(f) //Object {name: "name", age: 18, love: "美女"} console.log(f.age) //18 /script /html
下面在看看存储进去的数值到底是什么,在控制台的
Java字符串(String类)(下) 前面小编给大家分享了Java语法的知识,今天和大家一起学习关于Java字符串的相关知识,字符串在校招笔试中也是常考的一类题目,也是非常的重要,希望看完这篇文章,能对你们有所帮助,fighting冲冲冲~~~
相关文章
- Java -- JDBC 学习--调用函数&存储过程
- 数据仓库数据模型之:极限存储--历史拉链表
- (课程)基于HBase做Storm 实时计算指标存储
- Atitit.h5 web webview性能提升解决方案-----fileStrore缓存离线存储+http方案
- Atitit.h5 web webview性能提升解决方案-----fileStrore缓存离线存储+http方案
- Atitit.h5 web webview性能提升解决方案-----fileStrore缓存离线存储+http方案
- SqlPlus 中,如何查看某存储过程的内容?
- 华为HCIE云计算之FC添加ipsan数据存储
- Presto——本质上是和spark内存计算框架一样 但不负责数据存储
- Apache Ignite——集合分布式缓存、计算、存储的分布式框架
- lucene底层数据结构——FST,针对field使用列存储,delta encode压缩doc ids数组,LZ4压缩算法
- 分布式存储Seaweedfs源码分析