本地存储和JSON格式转化（简洁易懂）

一、什么是本地存储？

通过本地存储（localStorage)，web 应用程序能够在用户浏览器中对数据进行本地的存储。简单来说，使用本地存储可以将之前进行的操作保存下来，在进行刷新和重新打开浏览器等操作后，浏览器依然能够保存之前的操作（例如淘宝登陆时自动保存的账号和密码就是存储在本地存储中的）。

二、本地存储的方法

1、存储数据：

localStorage.setItem("key","value");//设置key为value的值

2、获取数据

localStorage.getItem("key");//获取名称为key的值，如果不存在会返回null

 3、删除数据

localStorage.removeItem("key");//删除名为key的信息，key所对应的value也会被删除

4、清空数据

localStorage.clear();//清空localStorage里面的所有信息

三、什么是JSON？

JSON 是存储和交换文本信息和数据的语法（个人觉得不需要了解的太清楚，只需要掌握JSON的结构和语法规则和转换即可）

四、JSON的结构

JSON有两种结构：对象和数组

对象：JSON对象就是一个键值对的数据对象的集合，大括号 {} 保存的对象是一个无序的名称/值对集合。一个对象以左括号 { 开始， 右括号 } 结束。每个"键"后跟一个冒号 :，名称/值对使用逗号 , 分隔。

{key1 : value1, key2 : value2, ... keyN : valueN }

数组：中括号 [] 保存的数组是值（value）的有序集合。一个数组以左中括号 [ 开始， 右中括号 ] 结束，值之间使用逗号 , 分隔。

[
    { key1 : value1-1 , key2:value1-2 }, 
    { key1 : value2-1 , key2:value2-2 }, 
    { key1 : value3-1 , key2:value3-2 }, 
    ...
    { key1 : valueN-1 , key2:valueN-2 }, 
]

五、JSON语法规则

• 数据的书写格式是键值对。 

  key : value

     例如：

   "name" : "安安"

• 数据由逗号 , 分隔

  {"name"："安安" , "age"："一岁半" , "属性"："猫咪" , "品种"："银点"}

• 使用斜杆来转义 \ 字符
• 大括号 {} 保存对象

  {key1 : value1, key2 : value2, ... keyN : valueN }

• 中括号 [] 保存数组，数组可以包含多个对象

  [
      { key1 : value1-1 , key2:value1-2 }, 
      { key1 : value2-1 , key2:value2-2 }, 
      { key1 : value3-1 , key2:value3-2 }, 
      ...
      { key1 : valueN-1 , key2:valueN-2 }, 
  ]

六、JSON的格式转化

本地存储（localStorage）只能存储字符串格式的数据，所以最好存储时转换成JSON格式（字符串），取出来时再转化回来，一般格式的转化：

JSON.parse();//将JSON格式的字符串转化为JSON对象进行处理

JSON.stringify();//将JSON格式的数据（对象）转化为JSON格式的字符串