localstorage本地存储

Posted 2020-08-16 t_evening

前段时间项目上用到了本地存储，所以研究看了下，在这做下笔记。

本地存储是一个window的一个属性，分别是localStorage和sessionStorage，两者用法完全相同，只不过一个是session是当页面关闭的时候就删除了，接下来说说它的用法。

1 设置值

localStorage.setItem("b","bc");

localStorage.a="a";

设置简单的字符串就可以通过上述方式设置，个人比较喜欢第一个。对于设置对象，则需要转化一下。

var a={name:"a",age:18}; localStorage.setItem("obj",JSON.stringify(a));

2 删除值

localStorage.removeItem("a");//清除a的值

localStorage.clear();//清除所有

3 获取

localStorage，getItem("a");//获取a的值

如果只是获取字符串的话，就上面这样的，如果获取的是个对象的或则还需要转化一下，

JSON.parse(localStorage.getItem("a"));

以上是在知道键值的情况下获取，在不知道的情况下，h5提供了keys()方法获取

for(var i=0;i<localStorage.length;i++){ console.log(localStorage.getItem(localStorage.key(i)))}

4 用处

可以用来永久保存属性，可以用来保存用户名和密码，可以用来在页面之间传递数据。