本地存储localStorage

1.本地存储localStorage概念：
window对象下面的属性,html5新增的，将5M大小的数据存储本地的浏览器上面。
2.本地存储localStorage特点
本地存储属于永久存储，除非手动删除。
html5新增的,高版本的浏览器支持。
目前所有的浏览器都会把localStorage数据类型设定字符串string.
不同的浏览器本地存储的数据是不能相互进行访问。
3.存储的位置
浏览器控制面板–左侧面板local Storage–application

localStorage存储方式( 键值对 - key=value)

1.1存储变量（ localStorage.setItem（）

1.2存储数组和对象（存储对象时需要转换）

由于目前所有的浏览器都会把localStorage数据类型设定字符串string.，所以在存储对象时，需要将对象通过**JSON.stringify()**转换成json格式的字符串。，

如何获取数组和对象的值

获取变量，数组，对象（ localStorage.getItem）
获取变量的方式比较简单，只有数组和对象有点特别，上面提到的目前所有的浏览器都会把localStorage数据类型设定字符串string。所以获取数组时，需要通过spilt()方法，将字符串转换成数组,同样获取对象，需要通过**JSON.parse()**方法，将字符串转换成对象
总结：这里面出现了两个方法JSON.stringify()和JSON.parse() 这两个方法是JSON下面的两个静态方法。
JSON.parse():JSON格式的字符串转换成对象。具有json格式检测功能。

let str = ‘{“a”:1,“b”:2,“c”:3}’;
console.log(str);
console.log(JSON.parse(str));

JSON.stringify():将对象转换成json格式的字符串。

var obj1 = { a: 1, b: 2, c: 3 }
console.log(JSON.stringify(obj1));//{“a”:1,“b”:2,“c”:3}

localStorage的删除

1.1可以通过代码删除
例如：localStorage.removeItem（“age”）
1.2通过控制面板直接删