基本概念
正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。
在JavaScript中,正则表达式也是对象。
字面量写法
let reg= /正则表达式主体/修饰符也叫控制符(可选);
// 例子:
str = "abcde";
let patt = /a/i // 匹配a字符,i代表不区分大小写
RegExp 对象写法
let reg= new RegExp(正则表达式主体,修饰符也叫控制符(可选));
// 例子:
let regExec=new RegExp("best ");
document.write(regExec.exec("The best things in life are free")); // exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。
let regTest=new RegExp("things");
document.write(regTest.test("The best things in life are free")); // test()方法搜索字符串指定的值,根据结果并返回真或假。
常用修饰符
修饰符用于执行区分大小写和全局匹配:
修饰符 | 概念 |
---|---|
i | 匹配字符时,不区分大小写,全都要 |
g | 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止) |
m | 执行多行匹配 |
方括号
方括号用于查找某个范围内的字符:
表达式 | 概念 |
---|---|
[abc] | 查找方括号内的任何字符即a,b,c任意组合的字符。 |
[^abc] | 查找任何不在方括号之间的字符,即a,b,c任意组合的字符。 |
[0-9] | 查找任何从 0 至 9 的数字。 |
[a-z] | 查找任何从小写 a 到小写 z 的字符。 |
[A-Z] | 查找任何从大写 A 到大写 Z 的字符 |
[A-z] | 查找任何从大写 A 到小写 z 的字符。 |
(red | blue |
例子: |
let str="Is this all there is?";
let patt1=/[a-h]/g;
console.log(str.match(patt1)) // match找到一个或多个正则表达式的匹配。
// 打印出数组 ["h","a","h","e","e"]
let patt2=/[abci]/i;
console.log(str.match(patt2))
//['I', index: 0, input: 'Is this all there is?', groups: undefined]
let patt3=/[abci]/ig;
console.log(str.match(patt3))
// ['I', 'i', 'a', 'i']
RegExp 对象方法
方法 | 概念 |
---|---|
exec | 检索字符串中指定的值。返回找到的值,并确定其位置。 |
test | 检索字符串中指定的值。返回 true 或 false。 |
toString | 返回正则表达式的字符串。 |
注意:test()函数 和exec()函数 不能一起使用,会相互占用匹配值。
支持正则的String 对象的方法
方法 | 概念 |
---|---|
search | 检索与正则表达式相匹配的值,检测到返回下标值,否则返回false |
match | 找到一个或多个正则表达式的匹配 |
replace | 替换与正则表达式匹配的子串 |
split | 把字符串分割为字符串数组 |
例子:
let str="I your father";
let n=str.search("your");
console.log("🚀 ~ file: test.html ~ line 51 ~ n", n);
let str1="I your father";
let n1=str1.match ("r");
console.log("🚀 ~ file: test.html ~ line 55 ~ n1", n1);
let str2="I your father";
let n2=str2.replace ("father", "mother");
console.log("🚀 ~ file: test.html ~ line 58 ~ n2", n2);
let str3="I your father";
let n3=str3.split ('');
console.log("🚀 ~ file: test.html ~ line 62 ~ n3", n3);
常用元字符
元字符(Metacharacter)是拥有特殊含义的字符:
元字符 | 概念 |
---|---|
. | 匹配除换行符以外的任意字符 |
\w | 匹配字母或数字或下划线或汉字 |
\d | 匹配数字 |
\s | 匹配任意的空白符 |
\b | 匹配单词的开始或结束 |
\0 | 查找 NULL 字符 |
^ | 匹配字符串的开始(在集合字符里[^a]表示非(不匹配)的意思) |
$ | 匹配字符串的结束 |
小写字母是代表干某某某,大写字母代表是不干某某某。
例子:
let str=" Run code";
let patt1=/\bRun/g;
console.log(str.match(patt1));
// ['Run']
let str1="Runcode";
let patt1=/\wcode/g;
console.log(str1.match(patt1));
// ['ncode']
let str2="Give 100%!";
let patt2=/\W!/g;
console.log(str2.match(patt2));
// ['%!']
let str3="Give 100%!";
let patt3=/\d/g;
console.log(str2.match(patt3));
// ['1', '0', '0']
let str = "Run code";
let reg = new RegExp("Run",'g'); //记得写转义字符 \
let patt = /\bRun/g;
console.log(reg.exec(str));
// console.log(reg.test(str));
// 使用RegExp.test()函数,导致第一个匹配值被占用了,后面的exec()函数直接从第二个匹配值开始检索,会导致出问题,即两个方法不能一起使用
console.log(reg.toString(str));
量词
这些符号被称为正则表达式模式修饰符,用法含义如下:
1、/g 表示该表达式将用来在输入字符串中查找所有可能的匹配,返回的结果可以是多个。如果不加/g最多只会匹配一个
2、/i 表示匹配的时候不区分大小写,这个跟其它语言的正则用法相同
3、/m 表示多行匹配。什么是多行匹配呢?就是匹配换行符两端的潜在匹配。影响正则中的^$符号
4、/s 与/m相对,单行模式匹配。
5、/e 可执行模式,此为PHP专有参数,例如preg_replace函数。
6、/x 忽略空白模式。