关于本地缓存localstorage与sessionStorage 数组（array）字符串（string）对象（object）的存储技巧和注意事项...

localstorage与sessionStorage的使用方法都是一样的

唯一的区别在与 localstorage是永久储存在你的计算机上

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)) // objectconsole.log( typeof JSON.parse(b2)[2])  //numberconsole.log(  JSON.parse(b2)) //[1,2,3]console.log(JSON.parse(b2)[1])  //数组的第二个元素2//总结 1、 存储前转换为json串的形式，取出后转换为json对象形式可以当做数组直接用；//     2、无论存储前是什么数据类型  取出来之后他都会是一个字符串（string）类型//     3、存储字符串时，取出来就直接可以用。//     4、特别注意，当你存储一个对象的时候，必须先转换为json串存储，不然对象就没法用了//看下面的demovar c = {name:"name",age:18,love:"美女"}sessionStorage.setItem("sc",c);var c1 = sessionStorage.getItem("sc");console.log(typeof c1)  //stringconsole.log(c1) // [object object]console.log(c1.anme) //undefined//是不是要转换为json对象  我们试试// var c2 = JSON.parse(c1);   //直接报错    继续向下看//存储前转换为json串var d = {name:"name",age:18,love:"美女"}var e = JSON.stringify(d)sessionStorage.setItem("sd",e);var d1 = sessionStorage.getItem("sd");console.log(typeof d1)  //stringconsole.log(d1) // {"name":"name","age":18,"love":"美女"}console.log(d1.anme) //undefinedvar f = JSON.parse(d1)console.log(f)  //Object {name: "name", age: 18, love: "美女"}console.log(f.age) //18</script>
</html>

下面在看看存储进去的数值到底是什么，在控制台的

关于本地缓存localstorage与sessionStorage 数组（array）字符串（string）对象（object）的存储技巧和注意事项...相关推荐

js本地缓存-localStorage、sessionStorage
1.localStorage 持久化的本地储存,除非主动删除数据,否则数据是永远不会过期的.关闭页面仍然存在此数据 localStorage.setItem('username','zhangsan' ...
php缓存数据到本地缓存,本地缓存localStorage的使用方法
本篇文章的使用方法来自于实际开发,详细介绍AppCan手机框架本地缓存localStorage的使用方法. 在手机应用中,存储本地数据是必不可少的功能,例如我们可以在手机中存储用户自定义设置.传递数据 ...
删除本地缓存localStorage定义的字段 - 代码篇
localStorage :操作篇重要代码: localStorage.removeItem("字段名") //移除localStorage 某个对应的字段 localStora ...
JS中数组(Array)、Json对象长度(length)获取方法
JS中数组(Array).Json对象长度(length)获取方法 1.数组 var array = []; var length = array.length; 2.JSON对象 1)方法1: va ...
Java中List和数组Array和String之间的相互转换
Java中List和数组Array和String之间的相互转换之前面试的时候遇到一个问题,先给大家分享一下.问:我想分别得到list,string和数组的长度,我能通过什么代码来得到? 这个问题先留 ...
java char数组转string数组_Java中char数组(字符数组)与字符串String类型的转换方法...
本文实例讲述了Java中char数组(字符数组)与字符串String类型的转换方法.分享给大家供大家参考,具体如下: 在Java语言编程时,使用"口令字段"jPasswordFie ...
2.javascript之缓存 localStorage 和sessionStorage之间的区别
2018-08-04 前言今天做项目的时候遇到了这个问题,用户登录成功之后如何改变将登录的链接切换为用户名解决方案:使用了sessionstorage缓存和js的onload加载事件用户登录成 ...
h5新增浏览器本地缓存localStorage
h5新增属性学习笔记(非原创) html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(se ...
H5的本地保存localStorage、sessionStorage用法总结
localStorage: 方法存储的数据没有时间限制. sessionStorage: 方法针对一个 session 进行数据存储.当用户关闭浏览器窗口后,数据会被删除. localStorage. ...
html5本地缓存LocalStorage
HTML5 LocalStorage 本地存储 HTML5 LocalStorage 本地存储说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示: 最早的Cooki ...

关于本地缓存localstorage与sessionStorage 数组（array）字符串（string）对象（object）的存储技巧和注意事项...

关于本地缓存localstorage与sessionStorage 数组（array）字符串（string）对象（object）的存储技巧和注意事项...相关推荐

最新文章

热门文章

关于本地缓存localstorage与sessionStorage 数组 （array）字符串（string） 对象（object）的存储技巧和注意事项...

关于本地缓存localstorage与sessionStorage 数组 （array）字符串（string） 对象（object）的存储技巧和注意事项...相关推荐

最新文章

热门文章

关于本地缓存localstorage与sessionStorage 数组（array）字符串（string）对象（object）的存储技巧和注意事项...

关于本地缓存localstorage与sessionStorage 数组（array）字符串（string）对象（object）的存储技巧和注意事项...相关推荐