webAPIs（JSON，本地存储，正则（元字符，量词，边界符，修饰符，字符串方法））

JSON

定义：JSON 它是具有特定格式的字符串：
格式一：可以使用 [ ]，如 [“小明”, 2, “男”]
格式二：可以使用 { }，如 {“name”: “小明”, “age”: 18}
格式三：[ ] 和 { } 可以嵌套[{ }, { }]
格式四：字符必须使用 双引号
注：直接使用 字符串、数字、null 也可以，但是一般没有意义，所很少见！不能使用 undefined

1… 数组或对象转成JSON字符串
语法：JSON.stringify(数组名/对象名)

2… JSON字符串转成数组或对象
语法：JSON.parse(JSON字符串名)

3… 数组嵌套对象类型的转换成JSON字符串

注释：

本地存储

定义：将某些有用的数据存在用户的电脑（本地）
1… localStorage（本地存储空间）
1-1… 存入数据 localStorage.setItem(“数据名”, “数据”)
注：只能存入字符类型数据，不能存入对象和数组,需要转字符串（通过JSON.stringify（对象））

1-2… 获取数据 localStorage.getItem(“数据名”)

1-3… 删除数据 localStorage.removeItem(“数据名”)

1-4… 清空数据 清空数据 localStorage.clear()

2… sessionStorage（会话存储空间）
2-1… 存数据 sessionStorage.setItem(“数据名”, “数据”)

2-2… 获取数据 sessionStorage.getItem(“数据名”)

2-3… 删除数据 sessionStorage.removeItem(“数据名”)

2-4… 清空数据 sessionStorage.clear()
结论：localStorage 和 sessionStorage互不影响，在使用上一摸一样
3… 区别：
3-1… 存储大小不一样
（localStorage 大 sessionStorage 小）
3-2… 生命周期长短不一样
（localStorage 永久有效（除非手动清除） sessionStorage 关闭浏览器即失效）
3-3… 跨页面使用
（localStorage 可以跨页面使用 sessionStorage 不可以跨页面使用）
（注：跨页面只能在相同的域名下使用）

练习1：

正则

定义：通过正则能够对字符串进行查找
1… 语法：
let reg = /正则的内容/

reg.test(字符串); // 查找结果是否存在（true表示有，false表示没有）

reg.exec(字符串); // 查找详细结果
找到结果为数组，找不到结果为null

2… 元字符（正则定义的一些特殊符号）
let reg = / \d / 表示 0 - 9 全部数字

let reg = / [ ] / 表示的是集合，里面的内容是‘或’关系

let reg = / [a-z] / 表示 a-z 26个英文小写字母 表示一个集合

let reg = / . / 表示除了换行符之外的全部字符

let reg = / \s / 表示空白符（空格、制表符等）
3… 量词
定义：用来统计正则字符出现的次数
注：量词只它前面的字符生效！
3-1… /1\d{6}/ 连续出现6次数字
3-2… /^\d{6,8}$/ 连续出现6次到8次数字
3-3… /\d?/ （？出现0次或1次）
3-4… /\s\d+/ （+至少连续出现1次）
3-5… /\d*/ 至少连续出现0次到多次

4… 边界符号
定义：在使用正则验证字符串的时候，可以指定两个边界符号
4-1… ^ 表示开始

4-2… $ 表示结束

5… 修饰符
5-1… i 表示忽略大小写（英文字母）
5-2… g 表示全局查找（找到一个之后再找另一个直接全部找到）
6… 字符串方法
6-1… 字符.replace(正则, 新字符)

6-2… 字符串.match(正则) （它的作用与 reg.exec(字符串) 一样; // 查找详细结果）
找到结果为数组，找不到结果为null
例子：