learn regex(正则表达式)from freecodecamp

1.或——‘|’

2.忽略大小写的flag——‘i’

在正则表达式结尾,结尾‘/’后面加字符i

3.test和match函数

'string'.match(/regex/);
/regex/.test('string');
//二者使用时表达式和字符串位置相反
//test返回布尔值,测试字符串中是否存在
//match返回找到的子串

4.正则表达式上可以有多个flag

比如 /search/gi,其中g功能是全局搜索,不加的话只会搜索一次

5.通配符(.),可以匹配任意一个字符

6.中括号[],可选字符

/b[au]g/

将匹配bag和bug

7.连字符(-

连字符来定义要匹配的字符范围。

例如,要匹配小写字母 a 到 e,你可以使用 [a-e]

匹配h-s以及2-8的字符,[h-s2-8]

8.否定字符(^)

[^0-9],匹配非数字字符,包括标点符号、空白符等

注意:以上是当在字符集中使用,/^[0-9]/表示以数字开头

9.多字符,量词

一个或多个字符(+),/go+/可以匹配go、goooo

零个或多个字符(*),/go*/可以匹配g、go、gooo

有或无(?),/favou?rite/ 将匹配favourite或favorite,u字符有或无

learn regex(正则表达式)from freecodecamp_第1张图片

 

10.匹配字符串的开头(^)和结尾($)

/^a/,以a开头的test将返回true

/a$/,以a结尾的test将返回true

11.元字符,常用的一些字符集的简写

/\w/ = /[a-zA-Z0-9_]/,大小写字母加数字加下划线

/\W/ = /[^a-zA-Z0-9_]/,否定字符集

/\d/ = /[0-9]/,数字集,digital

/\D/ = /[^0-9]/,非数字集

/\s/,空白字符集

/\S/,非空白字符集

12.断言(?=和?!)

/(?=\w{5,})(?=\D*\d)/,五个字符以上的字符串,至少有一个数字。两个括号中的断言是并联的,不是串联,第二个括号的\D*不能去掉。断言是一个筛选条件。

13.(.*)联合使用,任意字符任意长度

14.捕获组重用

例:在 reRegex 中使用捕获组来匹配一个只由相同的数字重复三次组成的由空格分隔字符串。

/^(\d+) \1 \1$/

捕获组即上一行括号中的部分,通过\1来再次使用,1为表达式中捕获组的序数,可以理解为变量。这个例子中要求必须且仅3次重复,所以前后的限定符不能少。否则会匹配3和3以上的。

15.replace函数和捕获组

"Code Camp".replace(/(\w+)\s(\w+)/, '$2 $1');

结果是“Camp Code”。replace的两个参数,第一个是正则规则,第二个是字符串或者可执行的XX,$1表示正则中的第一个捕获组。例子中交换了两个单词的顺序。

16.去掉字符串首尾的空白符

let hello = "   Hello, World!  ";
let wsRegex = /^\s*|\s*$/g; 
let result = hello.replace(wsRegex, ''); 

你可能感兴趣的:(web前端,正则表达式,前端,后端)