正则表达式

[ JS基础 ]

正则表达式

先来回忆一下之前讲过的字符串中用来查找是否包含指定字符的方法。

1
2

string.includes(str); // 返回一个布尔值
string.indexOf(str); // 返回第一次出现的位置

但是这两种方法都有一个缺陷，参数中的字符是固定的，只能检查固定的连续多个字符，如果需要判断“字符串中是否有至少 3 个数值”就得自己单独封装一个函数去实现了。

这个时候，就轮到“正则表达式”出场了！

regexp.test()

首先来说一个正则表达式对象的方法：regexp.test(string)

regexp.text(string)用来判断参数中是否包含指定规则的字符，如果有返回true, 没有返回false

<script>
    var reg = new RegExp("c");
    console.log('reg.test("welcome to China"):', reg.test("welcome to China"));
    console.log('reg.test("lily"): ', reg.test("lily"));
</script>

查找方式

下面正式来是说正则表达式，正则表达式可以通过new RegExp(pattern, flag)的方式来创建。

其中pattern是一个字符串，是正则表达式的文本部分，flag用来指定匹配的规则，比如：

flag 规则	作用
`g`	在全局中搜索和`pattern`匹配的字符，而不是找到第一个后就停止了
`i`	搜索的时候忽略大小写
`m`	在多行中进行搜索，而不是在当前一行中搜索

比如，我们想在welcome中查找是否包含字符C，正常情况下，使用test()会返回一个false，但是如果给 flag 中指定了“不区分大小写”，返回值就变成true了。

<script>
    var reg1 = new RegExp("C");
    console.log(reg1.test("welcome"));

    var reg1 = new RegExp("C", "i");
    console.log(reg1.test("welcome"));
</script>

再来看一下前面讲过的字符串的match方法，match方法第一个参数可以使用正则表达式对象。

<script>
    var reg;
    console.log("hello lily".match("l"));

    reg = new RegExp("l");
    console.log("hello lily".match(reg));

    reg = new RegExp("l", "g");
    console.log("hello lily".match(reg));
</script>

上面案例中，给第二个参数设置为g之后，match方法返回了所有匹配的字符l组成的新数组。这里就看出来区别了，没有g的时候，只会取出第一次匹配字符，添加g的时候，会取出所有的匹配字符。

正则表达式对象中第二个参数也可以组合使用：

<script>
    var reg;

    reg = new RegExp("l", "gi");
    console.log("hello Lily".match(reg));
</script>

上面代码中，正则表达式对象的意义是：找到所有的字符l，且忽略大小写。因此 match 方法返回了的数组中，既有大写的L，又有小写的l。

上面案例中正则表达式对象的第一个参数，还可以用以下方式来代替：

<script>
    var reg;

    reg = new RegExp("l", "gi");
    console.log("hello Lily".match(reg));

    reg = new RegExp(/l/, "gi");
    console.log("hello Lily".match(reg));
</script>

这种使用/开头和结尾的方式，叫做“正则字面量”。他们的作用是相同的。

实际上声明一个正则表达式对象作为变量值时，还可以直接使用下面的方式：

<script>
    var reg;

    reg = new RegExp("l", "gi");
    console.log("hello Lily".match(reg));

    reg = new RegExp(/l/, "gi");
    console.log("hello Lily".match(reg));

    // 新的写法：
    reg = /l/gi;
    console.log("hello Lily".match(reg));
</script>

新的写法中省略了new Regexp()的写法，直接使用/开头，并且把查找模式放在结尾的/后面，很明显这种方式比使用new RegExp()更简洁，高效。

`\`符号

\符号在正则表达式中，除了前面讲的\d \b \s \w等元字符中使用之外，还可以用来表示“转义”。

如果想在正则表达式中使用字面量的\时，需要这么写/\\b/，这里就表示一个普通字符\后跟一个字符b了

正则表达式 [ JS基础 ]

正则表达式

regexp.test()

查找方式

\符号

正则表达式

[ JS基础 ]

`\`符号