JS高级5正则表达式

一， 作用：表单的验证

二，正则表达式：用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。

三，正则表达式的作用：

（1）给定的字符串是否符合正则表达式的过滤逻辑(匹配)
（2）可以通过正则表达式，从字符串中获取我们想要的特定部分(提取)
（3）强大的字符串替换能力(替换)

四， 正则表达式的特点

（1）灵活性、逻辑性和功能性非常的强
（2）可以迅速地用极简单的方式达到字符串的复杂控制
（3）对于刚接触的人来说，比较晦涩难懂

五， 正则表达式的特点

(1)、特殊字符
普通数字，字母，中文，符号，特殊字符…
(2)、常用元字符

Column 1	Column 2
\d	匹配至少有一个数字
\D	匹配至少任意一个非数字的字符
\w	匹配至少一个字母或数字或下划线
\W	匹配至少有一个不是字母，数字，下划线
\s	匹配至少任意的空白符
\S	匹配至少一个不是空白符的字符
..	匹配至少有一个非换行符
^	表示匹配行首的文本(以谁开始) ^\d
$	表示匹配行尾的文本(以谁结束)\d$

(3)、限定符

限定符	说明
*	重复零次或更多次\d* /^ab*$/：表示一个字符串有一个a后面跟着零个或若干个b。（“a”, “ab”, “abbb”,……）；
+	重复一次或更多次\d+ / ab+/：表示一个字符串有一个a后面跟着至少一个b或者更多；
?	重复零次或一次 /^ab?$/：表示一个字符串有一个a后面跟着
{n}	至少重复n次
{n,m}	重复n到m次

(4)、其他符号

（1). [] 字符串用中括号括起来，表示匹配其中的任一字符，相当于或的意思 [0-9]
（2). [^] 匹配除中括号以内的内容
（3). \ 转义符： \的用法 \ 主要是用法是在正则表达式中的特殊符号转换为它本身的意思
(4). | 或者，选择两者中的一个。注意|将左右两边分为两部分，而不管左右两边有多长多乱
(5). () 从两个直接量中选择一个，分组
(6). eg：gr(a|e)y匹配gray和grey
(7). [\u4e00-\u9fa5] 匹配汉字

六，创建正则对象

(1)、字面量创建

  var reg1 = /\d/;

(2)、构造函数创建

 var regObj1 = new RegExp(/\w/);

七， 正则匹配

（1） RegExp.prototype.test()
（2）语法：regexObj.test(str)
（3）参数：str 用来与正则表达式匹配的字符串
（4）返回值：如果正则表达式与指定的字符串匹配 ，返回true；否则false。

八 ，正则的提取和替换

1.正则的提取

    //  参数：正则
    // str.match(参数)
    var str = 'We areaaaa'
    console.log(str.match('a'));
        /*
     g：全局匹配
     i: 忽略大小写
     gi: 全局匹配并忽略大小写
    */

2.正则的替换

    // 正则的替换  参数1:字符串想要替换的  参数2：替换的（新值）
    // str.replace(参数1,参数2)
    console.log(str.replaceAll('a', 'b'));
  

九，函数的防抖和节流

（1）防抖：设置延时器，短时间高频率触发只有最后一次触发成功

    var btn = document.getElementById('btn')
    var timer = null
     btn.onclick = function () {
         clearTimeout(timer)

        timer = setTimeout(function () {

            console.log('点击了');

         }, 1000)
     }

（2）节流：设置状态锁，短时间高频率触发只有第一次触发成功

    var k = false
    btn.onclick = function () {
        if (!k) {
            console.log('点击了');
            k = true
            setTimeout(function () {
                k = false
            }, 1000)
        }

    }

十.本地储存

1.cookie：可以设置时间 内存：几kb

2. localStorage:只要不手动清除，就会一直存在 内存：几Mb

3.sessionStorage:浏览器关闭就会清除 内存：几Mb

一. 存数据 setItem(key,value) key:存储的名字 value：存储的值 (只能是基本数据类型)

// 将JSON对象转换成JSON字符串
 var obj = {
            name: 'ls',
            age: 18
        }
            console.log(JSON.stringify(obj));

二.取数据 getItem(key) key: 存储的名字

  // 将JSON字符串转换成JSON对象
     JSON.parse()

三.删除某一个数据 removeItem(key) key：存储的名字

四.清除 clear()

localStorage.clear()