JavaScript正则表达式

创建正则表达式

使用构造函数

    var 变量 = new RegExp("正则表达式"); // 注意，参数是字符串
    var 变量 = new RegExp("正则表达式", "匹配模式"); // 注意，两个参数都是字符串

RegExp的意思是 Regular expression。使用typeof检查正则对象，会返回object。

上面的语法中，既可以传一个参数，也可以传两个参数。

创建了正则表达式的对象后，该怎么使用呢？大致分为两个步骤：

• （1）创建正则表达式的对象 reg。

• （2）使用 reg 的test() 方法，判断指定字符串是否符合规则。

正则表达式的test()方法：【重要】

    myReg.test(str); // 判断字符串 str 是否符合 指定的 myReg 这个正则表达式的规则

解释：使用test()这个方法可以用来检查一个字符串是否符合正则表达式的规则，如果符合则返回true，否则返回false。

构造函数 RegExp 中，也可以传两个参数。我们可以传递一个匹配模式作为第二个参数。这个参数可以是：

• i 忽略大小写。这里的 i 指的是 ignore。

• g 全局匹配模式。这里的 g 指的是 global。

​
var pattern = new RegExp("h", 'i')// 定义一个正则表达式：检查一个字符串中是否含有 h
var str1 = "Hello"
var str2 = "world"
// 通过 test()方法，判断字符串是否符合 上面定义的 reg 规则
console.log(pattern.test(str1)) // true
console.log(pattern.test(str2))  // false

使用字面量

    var 变量 = /正则表达式/;  // 注意，这个语法里没有引号
    var 变量 = /正则表达式/匹配模式;  // 注意，这个语法里没有引号

​
var pattern = /h/i;
var str1 = "Hello"
var str2 = "world"
​
console.log(pattern.test(str1)) // true
console.log(pattern.test(str2))  // false

总结

以上两种方式都是可以使用的，但是有一下区别

• 使用构造函数创建时，更加灵活，因为参数中还可以传递变量。

• 方式二：使用字面量的方式创建，更加简单。

注意

全局匹配 g 慎用test()方法，对于非全局匹配的正则表达式，test()只会检测是否存在某个目标字符串（只要存在就为 true），多次检测的结果都相同

当设置全局标志 /g 时，一旦字符串中还存在匹配，test() 方法都将返回 true，同时匹配成功后将把 lastIndex 属性的值设置为上次匹配成功结果之后的第一个字符所在的位置，下次匹配将从 lastIndex 指示的位置开始；匹配不成功时返回 false，同时将 lastIndex 属性的值重置为 0。

const reg = /test/g;
const str = '_test_test';
​
console.log(reg.test(str)); // true
console.log(reg.lastIndex); // 5
​
console.log(reg.test(str)); // true
console.log(reg.lastIndex); // 10
​
console.log(reg.test(str)); // false
console.log(reg.lastIndex); // 0

正则表达式的使用

规则

下面是正则中常用的一些规则

[]表示：或

• /[ab]/ 等价于 /a|b/：检查一个字符串中是否包含 a或b

• /[a-z]/：检查一个字符串那种是否包含任意小写字母

• /[A-Z]/：任意大写字母

• /[A-z]/：任意字母

• /[0-9]/：任意数字

• /a[bde]c/：检查一个字符串中是否包含 abc 或 adc 或 aec

• [ab]  字符串中，除了a、b之外，还有没有其他的字符内容？

字符中中的正则

之前我们讲过，在字符串的一些方法中参数是支持正则的

String对象的如下方法，是支持正则表达式的：

split

split()：将一个字符串拆分成一个数组。可以接受一个正则表达式作为参数。

var str = "1a2b3c4d5e6f7g";
​
var result = str.split(/[A-z]/); // 
console.log(result);
// [
//     '1', '2', '3',
//     '4', '5', '6',
//     '7', ''
//   ]

search

search()：搜索字符串中是否含有指定内容。如果搜索到指定内容，则会返回第一次出现的索引；否则返回-1。

search()方法可以接受一个正则表达式作为参数，然后会根据正则表达式去检索字符串。serach()只会查找第一个，即使设置全局匹配也没用。

    var str = "hello abc hello aec afc";
    /*
    * 搜索字符串中是否含有abc 或 aec 或 afc
    */
    result = str.search(/a[bef]c/);
    console.log(result); // 打印结果：6

match

match()：根据正则表达式，从一个字符串中将符合条件的内容提取出来，封装到一个数组中返回（即使只查询到一个结果）。

注意：默认情况下，match()方法只会找到第一个符合要求的内容，找到以后就停止检索。我们可以设置正则表达式为全局匹配模式，这样就会匹配到所有的内容，并以数组的形式返回。

另外，我们可以为一个正则表达式设置多个匹配模式，且匹配模式的顺序无所谓。

代码举例：

    var str = "1a2a3a4a5e6f7A8B9C";
​
    var result1 = str.match(/[a-z]/);   // 找到符合要求的第一个内容，然后返回
    var result2 = str.match(/[a-z]/g);  // 设置为“全局匹配”模式，匹配字符串中 所有的小写字母
    var result3 = str.match(/[a-z]/gi); // 设置多个匹配模式，匹配字符串中 所有的字母（忽略大小写）
​
    console.log(result1); // 打印结果：["a"]
    console.log(result2); // 打印结果：["a", "a", "a", "a", "e", "f"]
    console.log(result3); // 打印结果：["a", "a", "a", "a", "e", "f", "A", "B", "C"]

replace

replace()：将字符串中的指定内容，替换为新的内容并返回。不会修改原字符串。

    新的字符串 = str.replace(被替换的内容，新的内容);

参数解释：

• 被替换的内容：可以接受一个正则表达式作为参数。

• 新的内容：默认只会替换第一个。如果需要替换全部符合条件的内容，可以设置正则表达式为全局匹配模式。

    var phoneStr = "13067890123";
​
    var phoneReg = /^1[3-9][0-9]{9}$/;
​
    console.log(phoneReg.test(phoneStr));