JavaScript学习笔记之正则表达式

写在前面：正则表达式在许多语言当中都有使用，正则表达式的语法都相同，但是不同的是每一个语言在调用和使用正则表达式的时候，所使用的方法是不一样的，这篇文章着重讲的是正则表达式在JavaScript中的使用。

一、什么是正则表达式

1、正则表达式是用于匹配字符串中字符组合的模式。许多语言都支持正则表达式，在JavaScript中，正则表达式也是对象（有属性和方法）。

其实就是用来匹配字符串的规则

        举个栗子：

        在用户输入手机号码时，我们需要如何得知用户输入的手机号码是否合法，这时候，就可以用正则表达式来进行判断。而不是使用if  else进行多次判断。

二、正则表达式的语法

定义一个正则表达式：

let  变量名 = / 表达式 /

如何使用：

1.test( )方法  :  reg.test(string) ---匹配

返回值是bool值，匹配到返回true，匹配不到返回false

举个简单的栗子：

let reg = /前端/
let res = reg.test('我在学前端')
console.log(res); //true

let reg = /前端/
let res = reg.test('我在学前1端')
console.log(res); //false

以上就是最简单的匹配方法了。

2.exec( )方法：reg.exec(string) ----匹配

返回值是数组。[ reg, index(匹配到字符串的第一位索引), string, groups(分组) ]

举个栗子：

匹配成功： 

        let reg = /前端/
        let res = reg.exec('我在学前端')
        console.log(res);

 匹配失败：

        let reg = /前端/
        let res = reg.exec('我在学前1端')
        console.log(res);

 返回 null

3、replace( )方法 str.replace(reg,'替换字符串') ---用于替换符合规则的字符串

举个栗子：

        let reg = /java/
        let str = '我最爱java'
        let str1 = str.replace(reg,'前端')
        console.log(str1);

将java替换为了前端。如果存在多个java，则只替换匹配到的第一个。

那有没有办法能全部替换呢？答案是当然有的

将reg 改成 / java / g就可以了

举个栗子：

        let reg = /java/g
        let str = '我最爱java,也喜欢学java,未来找工作也要找java'
        let str1 = str.replace(reg,'前端')
        console.log(str1);

 

目的达成！！这里的g就是一个修饰符，就是全局匹配，之后会再讲。 

4、match( ) 方法 str.match(reg) ---匹配

返回值是数组。[ reg, index(匹配到字符串的第一位索引), string, groups(分组) ]

这个方法的返回值和exec()方法的返回值很像。

举个栗子：

        let reg = /java/
        let str = '我最爱java,也喜欢学java,未来找工作也要找java'
        let str1 = str.match(reg)
        console.log(str1);

可以看到，也只返回了匹配到的第一个。是的你没有想错，加上g就好了。 

        let reg = /java/g
        let str = '我最爱java,也喜欢学java,未来找工作也要找java'
        let str1 = str.match(reg)
        console.log(str1);

三、修饰符

修饰符约束正则表达式的某些细节行为，如是否区分大小写，是否全局匹配等

修饰符	说明
i	单词ignore的缩写，正则匹配时字母不区分大小写
g	单词global的缩写，匹配所有满足正则表达式的结果

举个栗子：

        let reg = /a/
        console.log(reg.test('a')); // true
        console.log(reg.test('abc')); // true
        console.log(reg.test('ABC'));// false

 加上 i 之后

        let reg = /a/i
        console.log(reg.test('a')); // true
        console.log(reg.test('abc')); // true
        console.log(reg.test('ABC'));// true

所以大家学会怎么使用 i 修饰符了嘛？g的使用可以看看前面的栗子哦

四、元字符

元字符是区别于普通字符的

普通字符：能够描述他们本身，这些字符能称作普通字符，例如所有的字母和数字

元字符：是一些具有特殊含义的字符，可以极大提高灵活性和强大的匹配功能

比如：匹配26个英文字母，用普通字符表示需要abcd....xyz,但是用元字符表示就只需要[a-z]

1、边界符

（1）单词边界 \b

        例如有一句话：The cat scattered his food all over the room.

        想找到cat这个单词，如果只用/cat/进行匹配的话，则会同时找到cat和scattered两处文本，这时候就可以用到单词边界 \b 

举个栗子：

        let reg = /cat/g
        let str = 'The cat scattered his food all over the room.'
        console.log(str.replace(reg,'dog'));

运行结果：

 可以看到，将scattered中的cat也给他换成dog了，显然这不是我们想要的结果。这时候加上\b边界字符就可以了。

        let reg = /\bcat\b/g
        let str = 'The cat scattered his food all over the room.'
        console.log(str.replace(reg,'dog'));

运行结果：

目的达成！！！ 

（2）字符串边界

边界符	说明
^	表示匹配字符串的开头
$	表示匹配字符串的结尾

注意：这里在使用的时候，^符号写在匹配字符前面，$字符写在匹配字符后面。

举个栗子：

        let reg1 = /^a/i
        let reg2 = /d$/
        console.log(reg1.test('a'));// true
        console.log(reg1.test('abcd'));// true
        console.log(reg1.test('bacd'));// false 
        console.log(reg1.test('Abcd'));// true 
        console.log(reg2.test('abcd'));// true
        console.log(reg2.test('d'));// true
        console.log(reg2.test('adsc'));// false

这里还有注意的一点：当^和$字符一起使用的时候，表示精确匹配。

比如：

当匹配/^a$/的时候，'a'匹配结果是true，而'aaa'匹配结果是false.

这里不做过多说明了，感兴趣可以自己去敲一敲。 

 2、量词

量词	说明
✳	重复0次或多次
+	重复1次或多次
?	重复1次或0次
{ n }	重复n次
{ n, }	重复n次或更多次
{ n,m }	重复n到m次

注意：量词是放在字符后面就可以了

比如：/a✳/表示0个或多个a

           /a{3}/表示匹配3个a