localStorage使用小结

参考：https://www.cnblogs.com/st-leslie/p/5617130.html

详细说明请参考如上

localStorage使用总结

一，localStorage说明

在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。

二、localStorage的使用

增（写入）：

var storage=window.localStorage;    //写入a字段    storage["a"]=1;    //写入b字段    storage.a=1;    //写入c字段    storage.setItem("c",3);

查（获取）：

 //第一种方法读取 var a=storage.a; console.log(a); //第二种方法读取 var b=storage["b"]; console.log(b); //第三种方法读取 var c=storage.getItem("c");

改（更新）：直接和写入一样，对相同的key写入即可更新

/*分割线*/storage.a=4;

删除（移除）：

storage.clear(); //将localStorage的所有内容清除

storage.removeItem("a"); //清除某个key

获取key：

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

JSON转换：（存入json数据）

var storage=window.localStorage;var data={  name:'xiecanyong',  sex:'man',  hobby:'program'};var d=JSON.stringify(data);storage.setItem("data",d);

取出JSON对象

//将JSON字符串转换成为JSON对象输出var json=storage.getItem("data");var jsonObj=JSON.parse(json);console.log(typeof jsonObj);