本地储存 | WebStorage中API的用法 （自学复习用笔记）

WebStorage的API

WebStorage的API有哪些呢

• Length: 获得当前WebStorage的数目。
• key（x）：返回WebStorage中的第x个储存条目。
• getItem（key）：返回指定（key）的储存内容，如果不存在则返回null。
• setItem（key，value）：设置指定key的内容的值为value。
• removeItem（key）：根据指定的key，删除键位为key的内容。
• clear：清空WebStorage的所有内容。

1.数据的储存与获取

sessionStorage

在sessionStorage中设置键值对数据可以应用setItem

sessionStorage.setItem("key","value");

获取数据可以应用getItem

var val = sessionStorage.getItem("key");

如果觉得麻烦也可以直接使用sessionStorage的key方法

sessionStorage.key = "value";
var val =sessionStorage.key;
//HTML5储存是基于键值对（key/value）的形式储存的，每一个键值堆成为一个项（Item）

LocalStorage

在localStorage中设置键值对数据可以应用setItem

localStorage.setItem("key","value");

获取数据可以应用getItem

var val = localStorage.getItem("key");

当然！
如果还是觉得麻烦也是可以直接使用LocalStorage的key方法

localStorage.key = "value";
var val = localStorage.key;

2.数据的删除和清空

removeItem

removeItem被用于从Stroage列表删除数据

var val = sessionStorage.removeItem(key);

当然也可以通过传入数据项的key从而删除对应的储存数据

var val = sessionStorage.removeItem(1);
//  1 会被转换为 string 因为 key就是字符串类型。

clear

clear 方法用于清空整个列表的所有数据

sessionStorage.clear();

也可以通过使用length属性获取Storage中储存的键值对的个数

var val = sessionStorage.length;
//removeItem可以清除给定的key所对应的项，如果key不存在则无操作；
//clear会清除所有的项，如果列表是空的则无操作。

（自学 复习用笔记 部分来自互联网 ）