使用JS进行本地存取数据
来源:互联网 发布:直播软件破解 编辑:程序博客网 时间:2024/05/18 12:38
本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,除非清空本地的数据,后者只是伴随着session,窗口一旦关闭就没了。两者的用法完全一样。存储数据的方法就是直接给window.localStorage添加一个属性,例如:window.localStorage.a 或者 window.localStorage["a"]。它的读取、写、删除操作方法很简单,是以键值对的方式存在的,例如:
- localStorage.a = 1;//设置a为"3"
- localStorage["a"] = "nihao";//a的新值会覆盖上面的值;
- localStorage.setItem("b","hello");//设置b为"hello";
- var a1 = localStorage["a"];//获取a的值
- var a2 = localStorage.a;//获取a的值
- var b = localStorage.getItem("b");//获取b的值
- localStorage.removeItem("c");//清除c的值
最常使用的是getItem()和setItem()方法,清除键值对使用removeItem()。如果希望一次性清除所有的键值对,使用clear()。另外HTML5还提供了一个key()方法,可以在不知道有哪些键值的时候使用,如下:
- var storage = window.localStorage;
- function showStorage(){
- for(var i=0;i<storage.length;i++){
- //key(i)获得相应的键,再用getItem()方法获得对应的值
- document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");
- }
- }
需要注意的是,HTML5本地存储只能存字符串,任何格式存储的时候都会被自动转为字符串,所以在存和读取的时候,需要自己进行类型的转换,目前javascript使用非常多的json格式,可以直接调用JSON.stringify()将其转为字符串。读取出来后调用JSON.parse()将字符串转为json格式,如下所示:
- //本地存取对象
- var cartInfo={classification: "饮料",name: "可口可乐", price: "3", unit: "瓶"};
- localStorage.setItem("data",JSON.stringify(cartInfo)); // 往本地存 cartInfo这个对象
- var cartInfo=JSON.parse(localStorage.getItem("data"));//从本地取出 cartInfo这个对象
- //本地也可以存取元素为对象的数组,和上面的方法一样
- var cartList =[
- {classification: "饮料",name: "可口可乐", price: "3", unit:“瓶”},
- {classification: "饮料",name: "雪碧", price : "3", unit:“瓶”},
- {classification: "水果", name: "苹果", price : "5.5", unit: "斤"},
- {classification: "水果", name: "荔枝", price: "15", unit: "斤"},
- {classification: "生活用品",name: "电池", price : "2", unit:“个”},
- {classification: "食品", name: "方便面", price: "4.5", unit: "袋"},
- ];
- localStorage.setItem("cartList",JSON.stringify(cartList)); // 往本地存cartList这个数组
- cartList=JSON.parse(localStorage.getItem("cartList")); //从本地取出 cartList这个数组
0 0
- 使用JS进行本地存取数据
- 使用sdcard进行数据存取
- 使用sdcard进行数据存取 .
- 本地数据存取
- iOS本地数据存取
- ios本地数据存取
- iOS本地数据存取
- IOS本地数据存取
- iOS 数据本地存取
- iOS本地数据存取
- android中使用static、application、本地存取数据的问题
- IOS学习之iOS本地数据存取详细使用
- iOS 本地数据 存取 详解
- 使用文本文件(.txt)进行数据存取的技巧总结(上)
- 使用文本文件(.txt)进行数据存取的技巧总结(下)
- 使用文本文件(.txt)进行数据存取的技巧总结
- MATLAB使用文本文件(.txt)进行数据存取
- 使用文本文件(.txt)进行数据存取的技巧总结
- Spring 知识点整理 之 JDBC模板
- CCF 201512-2消除类游戏
- CSS预编译:sass-scss
- final关键字
- java SpringBoot自动封装枚举类型的方法
- 使用JS进行本地存取数据
- Android开发时,那些相见恨晚的工具或网站!
- DataTables之传递自定义属性(上传除draw,search等自定义的参数)
- 关于Bundle和Intent在两个activity之间传输数据的问题
- caffe 08 win10 用python脚本画loss曲线
- const类型详解(总结的很好)
- 通信协议——Http、TCP、UDP
- Java进击C#——语法之线程同步
- JS算法——数组去重