正则表达式 (黑马程序员)

一、什么是正则表达式

1. 概述

正则表达式 (regular expression) 描述了一种字符串匹配的模式，可以用来检查一个串是否含有某个字串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。

2. 正则表达式都能帮我们做什么？

1. 数据隐藏 (188****3456)
2. 数据采集
3. 数据过滤 (论坛,***,你**)
4. 数据验证 ( 手机号，邮箱地址)

---

3. 验证一个字符串中是否有数字 8:

var t = 'alskjd34qrlkp2i309';
​
// 定义一个正则
var reg = /8/
console.log(reg.test(t));       // false

---

二、JS 标准库中的正则对象

1. 创建正则对象

1: 字面量写法 - 以斜杠表示开始和结束; var regex= /xyz/;
2. 构造函数生成 - 通过实例化得到对象; var regex = new RegExp('xyz')

---

上面两种写法是等价的，都新建了一个内容为 xyz 的正则表达式对象。它们的主要区别是，第一种方法在编译时新建正则表达式，第二种方法在运行时新建正则表达式。

---

2. 匹配模式

匹配模式也就是修饰符：

表示正则匹配的附加规则，放在正则模式的最尾部。

修饰符可以单个使用，也可以多个一起使用。

在正则表达式中，匹配模式常用的有两种形式：g:global缩写，代表全局匹配，匹配出所有满足条件的结果，不加 g 第一次匹配成功后，正则对象就停止向下匹配。i:ignore缩写，代码忽略大小写，匹配时，会自动忽略字符串的大小写。

---

var t = 'alskjd34qrlkp2i309';
​
// 定义一个正则
var reg = /Lk/
console.log(reg.test(t));       // false    // 大写L匹配不到
​
// 字面量方式声明正则对象的修饰符的添加方式
var reg1 = /is/i;       
// 构造函数得到正则对象的修饰符的添加方式
var reg2 = new regExp('is', 'i')
​
console.log(reg1.test(t))
console.log(reg2.test(t))

---

3. 正则对象的方法

test(str)：判断字符串中是否具有指定模式的子串，返回结果是一个布尔类型的值；

exec(str)：返回字符串中指定模式的子串，一次只能获取一个与之匹配的结果；

---

var t = 'alskjd34qrlkp2i309';
​
// 定义一个正则
var reg = /9/
// 返回查找到的字符串，如果查找不到返回 null
console.log(reg.exec(t));   // 9   

---

4. String 对象的方法

search(reg)：与 indexOf 非常类似，返回指定模式的子串在字符串首次出现的位置

<script>
    var t = ';aif98qrisdlk';
    var reg = /is/;
    var z = t.search(reg);  // 出现的位置
    console.log(z)      // 8
</script>

---

match(reg)： 以数组的形式返回指定模式的字符串

​

<script>
    var t = ';aif98qrisdlk';
    var reg = /is/;
    // 数组形式返回查找的结果
    var z = t.match(reg);
    console.log(z)      
</script>

---

---

replace(reg,'替换后的字符串')：把指定模式的子串进行替换操作

​

<script>
    var t = ';aif98qrisdlk';
    var reg = /i/;
    // 替换查找道德字符串
    var z = t.replace(reg,'*');
    console.log(z)      // ';a*f98qr*sdlk'
</script>

---

split(reg)：以指定模式分割字符串，返回结果为数组

---

​

<script>
    var t = ';aif98qrisdlk';
    var reg = /i/;
    var z = t.split(reg);   // 默认使用全局模式
    console.log(z)      
</script>

---

---

三、几个重要的概念

子表达式

在正则表达式中，通过一对圆括号括起来的内容，我们就称之为 "子表达式"。如

var reg = /\d(\d)\d/gi;

---

捕获

在正则表达式中，子表达式匹配到相应的内容时，系统会自动捕获这个行为，然后将子表达式匹配到的内容放入系统的缓存区中。我们把这个过程就称之为 "捕获"。

---

反向引用

在正则表达式中，我们可以使用 \n( n>0，正整数，代表系统中的缓冲区编号) 来获取缓冲区中的内容，我们把这个过程就称之为 反向引用。

这些比较重要的概念，在什么情况下可能被用到？例：查找连续的相同的四个数字，如：1111、6666

---

<script>
    var s = 'asd892734444iuwf97777oq222273y';
    // 1： 子表达式
    // \d表示捕获数字
    var reg = /\d/;
    var z = s.match(reg);   
    console.log(z); 
</script>

---

---

<script>
    var s = 'asd892734444iuwf97777oq222273y';
    // 1： 子表达式
    // 发生捕获行为 1 8 2 9 ...
    // (\d)\d 或 \d\d 表示必须是两个连续的数字
    // \d\d\d 表示必须是三个连续的数字，以此类推
    var reg = /\d\d/;
    var z = s.match(reg);   
    console.log(z); 
</script>

---

---

<script>
    // 查询连续相同的数据
    // \1 就是前一个表达式的值，这里只匹配数字
    var s = 'asd892734444iuwf97777oq222273y';
    var reg = /(\d)\1\1\1/;
    var z = s.match(reg);   
    console.log(z); 
</script>

---

<script>
    // 先查询到前两位，再查询其余数字
    var s = 'asd892734444iuwf97777oq222273y';
    var reg = /73(\d)\1/;
    var z = s.match(reg);   
    console.log(z); 
</script>

---

// 查询 3344类型的数字
<script>
    var s = 'asd892734444iuwf97777oq222273y';
    var reg = /(\d)\1(\d)\2/;
    var z = s.match(reg);   
    console.log(z); 
</script>

---

---

<script>
    // 查找字符，如：AABB，TTMM
    (提示：在正则表达式中，通过 [A-Z]匹配 A-Z中的任一字符)
    var reg = /([A-Z]\1([A-Z])\2)/
</script>

---

四、编写正则表达式

1. 正则表达式组成

正则表达式 是由普通字符 (例如字符 a 到 z) 以及特殊字符 (称为元字符) 组成的文字模式。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。

正则表达式三步走：

1: 查什么;
2：查多少;
3：从哪查;

---

2. 查什么 (匹配符)

字符簇：代表的是一个范围，但是匹配时，只能匹配某个范围中固定的结果。

字符簇	含义
[a-z]	匹配字符a到字符z之间的任一字符
[A-Z]	匹配字符A到字符Z之间的任一字符
[0-9]	匹配数字0到9之间的任意数字
[0-9a-z]	匹配数字0到9或字符a到字符z之间的任意字符
[0-9a-zA-Z]	匹配数字0到9或字符a到字符z或字符A到字符Z之间的任一字符
[abcd]	匹配字符a或字符b或字符c或字符d
[1234]	匹配数字1或数字2或数字3或数字4

[a-Z]：这是错的，原因在于ASCALL码

---

在字符簇中，通过一个 ^(脱字符) 来表示取反的含义

字符簇	含义
[^a-z]	匹配除字符a到字符z以外的任一字符
[^0-9]	匹配除数字0到9以外的任一字符
[^abcd]	匹配除 a、b、c、d 以外的任一字符

---

几个比较特殊的匹配字符 (常用)

字符簇	含义
\d	匹配一个数字字符，与使用 [0-9]等价
\D	匹配一个非数字字符，还可以使用 [ ^0-9 ]
\w	匹配包括下划线的任何字母数字下划线字符，还可以使用 [0-9a-zA-Z _ ]
\W	匹配任何非字母数字下划线字符，还可以使用 [ ^\w ]
\s	匹配任何空白字符，(回车，制表符)
\S	匹配任何非空白字符，还可以使用 [ ^\s ]，(回车，制表符)
. (我是一个点号)	匹配除 "\n" 之外的任何单个字符
[ \u4e00-\u9fa5]	匹配中文字符中的任一字符 (几乎所有的汉字)

---

---

\u：代表十六进制；

---

3. 查多少 (限定符)

什么是限定符？

限定符 可以指定正则表达式的一个给定字符必须要出现多少次才能满足匹配。

* :匹配前面的子表达式零次或多次， 0到多
+ :匹配前面的子表达式一次或多次，1到多
? :匹配前面的子表达式零次或一次，0或1
{n} :匹配确定的 n 次
{n, } :至少匹配 n 次
{n,m} :最少匹配 n 次且最多匹配 m 次

---

对 QQ号码进行校验要求5~13次，不能以0开头，只能是数字

<script>
var str = '我的QQ2086992136666666666,nsd你的是6726832618吗?'
    var reg = /[1-9]\d{4,12}/
    console.log(str.match(reg))
</script>

---

4. 从哪查 (定位符)

编写正则表达式，匹配手机号码？(注册功能)

纯数字
第一位必须是1开头
第二位必须是3、4、5、7、8
第三位~第十一只要是数字即可

---

<script>
    var str = '1sd15309873475';
    var reg = '/1[34578]\d{9}';
    console.log(reg.test(str)); // 结果 true
</script>

检测结果为真，但是，字符串并不是一个手机号；

正则表达式只会到字符串去寻找是否有与之匹配的结果，如果有，就认为是正确的，而不考虑其字符串本身是否合法。

如何解决以上问题呢？

定位符 可以将一个正则表达式固定在一行的开始或结束。

也可以创建只在单词内或只在单词的开始或结尾处出现的正则表达式。

---

^ (脱字符): 匹配输入字符串的开始位置
$ :匹配输入字符串的结束位置
\b :匹配一个单词边界
\B: 匹配非单词边界

---

注意： ^放在字符簇中是取反的意思，放在整个表达式中是开始位置;

var str = '1sd15309873475';
var reg = /^1[34578]\d{9}$/;    // 表示开始位置必须为1
console.log(reg.test(str));     // false

---

5. 转义字符

因为在正则表达式中 .(点) + \ 等是属于表达式的一部分，但是我们在匹配时，字符串也需要匹配，这些特殊字符，所以，我们必须使用 "反斜杠" 对某些特殊字符进行转义；

点号 .
小括号 ()
中括号 []
左斜杠 /
右斜杠 \
选择匹配符 |

---

匹配一个合法的网址 URL：

var str = 'http://xiling.me';
// 对于 . / 都必须转义匹配
var reg = /\w+:\/\/\w+\.\w+/;
console.log(str.match(reg))

---

使用正则表达式验证邮箱是否合法

var str = 'qq@qq.com';
var reg = /\w+@\w+\.\w{2,6}/;
console.log(str.match(reg))

---

或者的用法:

<script>
    var str = 'ipad,iphone,iwatch,imac,ijr,iwer,iksjad';
    // 查找符合苹果公司的产品  ipad,iphone,iwatch,imac
    var reg = /\bi(pad|phone|watch|mac)\b/g;
    console.log(str.match(reg))
</script>

---

预查 (选学)

<script>
    var str = 'hello ,when i am working, do not coming';
    // 需求：字符串里面的ing，结尾的词根部分找出
    // 预查
    // 正向预查，正预测，前瞻，先行断言
    var reg = /\b\w+(?=ing\b)/g;
</script>

---

<script>
    // 需求：把不是ing结尾的单词找出来
    // 负向预查，负预测，先行否定
    var str = 'hello ,when i am working, do not coming';
    var reg = /\b\w+(?!ing)\b)/g;
</script>

---

---