JS localstorage

1.json介绍

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 它基于JavaScript语言 的一个子集。

2.json语法

语法规则

json对象是一个无序的“‘名称/值’对”集合。一个对象以 {左括号 开始， }右括号 结束。每个“名称”后跟一个 :冒号 ；“‘名称/值’ 对”之间使用 ,逗号 分隔。
{"名称1":"值1","名称2":"值2"}

值（value）可以是双引号括起来的字符串（string）、数值(number)、true、false、 null、对象（object）或者数组（array）。这些结构可以嵌套。

3.json字符串

json字符串 是一种特殊的字符串，按照json格式组织的字符串
字符串内部的 key 和 value 都用双引号包裹的字符串（必须是双引号）

4.json两个方法(json对象与json字符串转换)

1.JSON.parse()

JSON通常用于与客户端与服务端交换数据。在接收服务器数据时一般是字符串。
我们可以使用JSON.parse()方法将数据转换为JavaScript对象。
语法
SON .parse(text)
参数说明:
text:必需，一个有效的JSON字符串。

2.JSON.stringify()

JSON通常用于与服务端交换数据。在向服务器发送数据时一般是字符串。
我们可以使用JSON.stringify()方法将JavaScript对象转换为字符串。JavaScript对象转换
例如我们向服务器发送以下数据:
var obj = { "name" : " runoob"，"alexa" : 10000，"site" : "www.runoob.com" };我们使用JSON.stringify()方法处理以上数据，将其转换为字符串:
var myjSON = SON.stringify(obj);
myjSON为字符串。
我们可以将myjSON发送到服务器:

5.jsom作用

1. 客户端与服务端通讯
json对象不能在客户端与服务端传输，需要转换成json字符串，接收后再转为json对象处理
2. 本地对象存储
json对象存储到本地如localstorage对象中时，必须先转换成json字符串，使用时，再转换成json对象

6.持久化存储

内存存储-临时存储

硬盘存储-存久化存储

7.localstorage

html5 中的 Web Storage 存储方式
localStorage 用于存储一个域名下的需要永久存在在本地的数据，这些数据可以被一直访问，直到这些数据被删除。

8.Web Storage API

添加键值对

添加键值对: localStorage.setItem(key, value)setItem用于把值value存储到键key上，除了使用setItem，还可以使用1ocalStorage.key = value或者localStorage[ 'key'] = value这两种形式。

获取键值

获取键值: localStorage.getItem(key)getItem用于获取键key 对应的数据，和setIteml一样，getItem也有两种等效形式value = localstorag e.key和value = localStor age [ 'key']。获取到的value值是字符串类型，如果需要其他类型，要做手动的类型转换。

删除键值对

删除键值对: localStorage.removeItem(key)removeItem用于删除指定键的项，localStorage没有数据过期的概念，所有数据如果失效了，需要开发者手动删除。

清除所有键值对

清除所有键值对:localStorage.clear() clear用于删除所有存储的内容，它和removeItem不同的地方是removeItem删除的是某一项，而clear是删除所有。