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);