前言
关于正则表达式，一直以其难学程度且适用场景有限而敬而远之，偶然看到一篇关于正则的文章，产生兴趣，因此记录一下学习笔记，方便日后查阅。
一、正则表达式
正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑，许多程序设计语言都支持利用正则表达式进行字符串操作。
主要有两种操作：匹配和捕获
正则表达式的创建:
正则表达式是有元字符和修饰符组成，将元字符和修饰符写在/ /中
基础笔记：
元字符：
\: 转义字符
^: 以某一个元字符开始
$: 以某一个元字符结束
\n: 匹配一个换行
.:除了\n以外的任意字符
(): 分组
x|y: x或者y中第一个
[xyz]:x或者y或者z中的一个
[^xyz]:除了三个以外的任意一个字符
[a-z]:a 和 z 之间的任意字符
[^a-z]:除了a 和 z 之间的任意字符
\d:表示 0-9 之间的数字
\D:除了0-9之间的数字以外的任意字符
\b:匹配一个边界符 w1 w2
\w:数字、字母、下划线中的任意字符 [0-9a-zA-Z_]
\s:匹配一个空白字符 空格、一个制表符、换页符...
二、正则精准匹配
精准匹配是指匹配字符串中的某个子串，使用test（）方法，匹配某个模式,返回true/false
- 单个匹配模式
let testString = 'test string,for reference only';
let testRegex = /reference/;
let testResult = testRegex.test(testString);
console.log(testResult); //true
- 多个匹配模式
使用操作符号|匹配多个字符串
let testString = 'test string,for reference only';
let testRegexMore = /test|for|only/;
let testMore = testRegexMore.test(testString);
console.log(testMore); //true
三、模糊匹配
精准匹配只能匹配字符串中的某个子串，正则表达式之所以强大，是因为其能实现模糊匹配，满足更多的应用场景，使用match（）完成
console.log('Cad cAd caD CAd CaD cAD'.match(/cad/gi));
// [ 'Cad', 'cAd', 'caD', 'CAd', 'CaD', 'cAD' ]
- 匹配任意字符
正则使用.完成任意字符的匹配
console.log('Cad cAd caD CAd CaD cAD'.match(/.ad/gi));
// [ 'Cad', 'cAd', 'caD', 'CAd', 'CaD', 'cAD' ]
- 匹配数量
量词元字符（数量元字符）
*:出现零到多次
+：出现一到多次
？：出现零次或者一次
{n}:出现 n 次
{n,}:出现 n 到多次
{n,m}:出现 n 到 m 次
标志字符
g:全局搜索,记忆方式 global
i:不区分大小写，记忆方式 ignore
m:多行搜索
1. 出现零到多次
console.log('hi'.match(/hi*/gi)); //[ 'hi' ]
console.log('hiiiiiiii'.match(/hi*/gi)); //[ 'hiiiiiiii' ]
console.log('hiihihi'.match(/hi*/gi)); //[ 'hii', 'hi', 'hi' ]
2. 出现一到多次
let matchMoreStr = "Tallahassee";
console.log(matchMoreStr.match(/s+/gi)); // [ 'ss' ]
console.log(matchMoreStr.match(/a+/gi)); //[ 'a', 'a', 'a' ]
3. 出现零次或者一次
console.log((/colou?r/i).test('colour')); // true
console.log((/colou?r/i).test('Color')); // true
console.log((/colou?r/i).test('Colouuur')); // false
4. 出现指定次数
let matchStr = "cde cdde cddde cdddde cddddde";
let matchReg = /cd{3,5}e/g;
console.log(matchStr.match(matchReg)); // [ 'cddde', 'cdddde', 'cddddde' ]
console.log(matchStr.match(/cd{1}e/g)); // [ 'cde' ]
console.log(matchStr.match(/cd{1,}e/g)); // [ 'cde', 'cdde', 'cddde', 'cdddde', 'cddddde' ]
- 匹配一组字符
使用[]匹配一组字符
console.log('bat cst sat dat eat at act'.match(/[bde]at/gi)); // [ 'bat', 'dat', 'eat' ]
console.log('bat cst sat eat dat at act'.match(/[a-e]at/gi)); // [ 'bat', 'eat', 'dat' ]
- 匹配一组不想拥有的字符
匹配不想拥有的一组字符，需要使用否定字符集^
let notVowels = /[^aeiou]/gi;
console.log('nameasasasasa'.match(notVowels)); // [ 'n', 'm', 's', 's', 's', 's' ]
- 匹配字母
console.log('Bat cst sat eat dat at act'.match(/[a-z]at/g)); // [ 'sat', 'eat', 'dat' ]
console.log('Bat cst sat eat dat at act'.match(/[A-Z]at/g)); // [ 'Bat' ]
console.log('Bat cst sat eat dat at act'.match(/[a-zA-Z]at/g)); //[ 'Bat', 'sat', 'eat', 'dat' ]=
- 匹配数字/非数字
可以使用字符集[0-9]，或者使用简写\d
\D表示\d的反义
console.log('Bat1929287373 cst sat eat dat at act'.match(/[0-9]/g));
// [ '1', '9', '2', '9', '2', '8', '7', '3', '7', '3' ]
console.log('Bat1929287373 cst'.match(/\D/g));
// [ 'B', 'a', 't', ' ', 'c', 's', 't' ]
- 匹配所有的字母和数字
可以使用\word简写,\w
console.log(/[A-Za-z0-9_]+/.test('42asas'));
console.log(/\w+/.test('name32'));
- 匹配所有的非字母和非数字
\W表示\w的反义
console.log(/\W+/g.test('%^^&'));
console.log(/\W+/.test('name32'));
-匹配空格/非空格
使用 \s来匹配空格和回车符
\S表示\s的反义
console.log('Love you three thousand'.match(/\s/g)); //[ ' ', ' ', ' ' ]
console.log('Love you three thousand'.match(/\S/g));
// [ 'L', 'o','v', 'e','y','o','u','t','h','r','e','e','t','h','o','u','s','a','n','d' ]
- 匹配起始字符串
匹配起始字符串，使用插入符号^，但要放到开头，放到字符集中间匹配不到
console.log('Love you three thousand'.match(/^Love/g)); //[ 'Love' ]
console.log('Love you three thousand'.match(/^you/g)); //null
- 匹配结束字符串
使用$来判断字符串是否是以规定的字符结尾
console.log('Love you three thousand'.match(/thousand$/g)); //[ 'thousand' ]
console.log('Love you three thousand'.match(/three$/g)); //null
四、惰性匹配
默认情况下，正则表达式是贪婪的（匹配满足给定要求的字符串的最长部分），但是一般情况下，我们只需要字符串中与给定要求匹配的最小部分，因此需要阻止正则表达式的贪婪匹配
使用 ?阻止贪婪模式(惰性匹配 )
console.log('catnamebatdat'.match(/c[a-z]*t/gi)); //[ 'catnamebatdat' ]
console.log('catnamebatdat'.match(/c[a-z]*?t/gi)); //['cat' ]