正则表达式-CSDN博客

正则表达式是匹配模式，要么匹配字符，要么匹配位置

一，横向模糊匹配

1，何为横向模糊匹配

正可匹配的字符串的长度不是固定的，可以是多种情况的
复制代码

2，实现方式

{m, n} 表示连续出现最少 m 次，最多 n 次
复制代码

3，例子

var regex = /ab{2,5}c/g;
var string = "abc abbc abbbc abbbbc abbbbbc abbbbbbc";
console.log( string.match(regex) );
// => ["abbc", "abbbc", "abbbbc", "abbbbbc"]
复制代码

其可视化如下：

二，纵向模糊匹配

1，何为纵向向模糊匹配

一个正则匹配的字符串，具体到某一位字符时，它可以不是某个确定的字符，可以有多种可能
复制代码

2，实现方式，例如

/a[123]b/ 可以匹配如下三种字符串: "a1b"、"a2b"、"a3b"
复制代码

3，例子

var regex = /a[123]b/g;
var string = "a0b a1b a2b a3b a4b";
console.log( string.match(regex) );
// => ["a1b", "a2b", "a3b"]
复制代码

其可视化如下：

三，字符组

1，范围表示法

[123456abcdefGHIJKLM] 可以写成 [1-6a-fG-M]，用连字符 - 来省略和缩写。
复制代码

2，排除字符组

纵向模糊匹配，还有一种情形就是，某位字符可以是任何东西，但就不能是 "a"、"b"、"c"。此时就是排除字符组(反义字符组)的概念。例如 [^abc]，表示是一个除 "a"、"b"、"c"之外的任意一个字符。字符组的第一位放 ^(脱字符)，表示求反的概念。

[^abc]
复制代码

3，常见简写形式

字符	描述
\d	表示 [0-9]。表示是一位数字
\D	表示 [^0-9]。表示除数字外的任意字符
\w	表示 [0-9a-zA-Z_]。表示数字、大小写字母和下划线
\W	表示 [^0-9a-zA-Z_]。非单词字符
\s	表示[\t\v\n\r\f]。表示空白符，包括空格、水平制表符、垂直制表符、换行符、回车符、换页符
\S	表示 [^ \t\v\n\r\f]。非空白符。
.	表示[^\n\r\u2028\u2029]。通配符，表示几乎任意字符。换行符、回车符、行分隔符和段分隔符除外。

4，量词

量词	具体含义
{m,}	至少出现 m 次
{m}	出现 m 次
?	等价于 {0, 1}，表示出现或者不出现
+	等价于 {1,}，表示至少出现一次
*	等价于 {0,}，表示出现任意次，有可能不出现

5，多选分支

一个模式可以实现横向和纵向模糊匹配。而多选分支可以支持多个子模式任选其一。具体形式如下:(p1|p2|p3)，其中 p1、p2 和 p3 是子模式，用 |(管道符)分隔，表示其中任何之一。

举例如下：

var regex = /good|nice/g;
var string = "good idea, nice try.";
console.log( string.match(regex) );
// => ["good", "nice"]
复制代码

案例分析

1，匹配 16 进制颜色值要求匹配：

#ffbbad
#Fc01DF
#FFF
#ffE
复制代码

分析：

表示一个 16 进制字符，可以用字符组 [0-9a-fA-F]。
其中字符可以出现 3 或 6 次，需要是用量词和分支结构。
使用分支结构时，需要注意顺序。

正则如下：

let regex = /#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})/g;
let str = "#ffbbad #Fc01DF #FFF #ffE";
console.log( str.match(regex) );
 // => ["#ffbbad", "#Fc01DF", "#FFF", "#ffE"]
复制代码

2，匹配时间

要求匹配（24小时制）：

23:59
02:07
复制代码

分析：

共 4 位数字，第一位数字可以为 [0-2]
当第 1 位为 "2" 时，第 2 位可以为 [0-3]，其他情况时，第 2 位为 [0-9]
第 3 位数字为 [0-5]，第4位为 [0-9]

正则如下：

var regex = /^([01][0-9]|[2][0-3]):[0-5][0-9]$/;
console.log( regex.test("23:59") );
console.log( regex.test("02:07") );
// => true
// => true
复制代码

3，匹配日期

要求匹配（yyyy-mm-dd 格式）:

2017-06-10
复制代码

分析：

年，四位数字即可，可用 [0-9]{4}
月，共 12 个月，分两种情况 "01"、"02"、...、"09" 和 "10"、"11"、"12"，可用 (0[1-9]|1[0-2])
日，最大 31 天，可用 (0[1-9]|[12][0-9]|3[01])

正则如下：

var regex = /^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/;
console.log( regex.test("2017-06-10") );
// => true
复制代码

四，位置匹配

ES5中，共有6个锚：

^、$、\b、\B、(?=p)、(?!p)
复制代码

1，^ 和 $

^(脱字符)匹配开头，在多行匹配中匹配行开头。
$(美元符号)匹配结尾，在多行匹配中匹配行结尾。

例：

var result = "hello".replace(/^|$/g, '#');
console.log(result);
// => "#hello#"
复制代码

2，\b 和 \B

\b 是单词边界，具体就是 \w 与 \W 之间的位置，也包括 \w 与 ^ 之间的位置，和 \w 与 $ 之间的位置。

例：

var result = "[JS] Lesson_01.mp4".replace(/\b/g, '#');
console.log(result);
// => "[#JS#] #Lesson_01#.#mp4#"
复制代码

var result = "[JS] Lesson_01.mp4".replace(/\B/g, '#');
console.log(result);
// => "#[J#S]# L#e#s#s#o#n#_#0#1.m#p#4"
复制代码

3，(?=p) 和 (?!p)

(?=p)，其中 p 是一个子模式，即 p 前面的位置，或者说，该位置后面的字符要匹配 p。

例：

var result = "hello".replace(/(?=l)/g, '#');
console.log(result);
// => "he#l#lo"
复制代码

而 (?!p) 就是 (?=p) 的反面意思，例：

var result = "hello".replace(/(?!l)/g, '#');
console.log(result);
// => "#h#ell#o#"
复制代码

案例分析

1，数字的千位分隔符表示法，例如把 "12345678"，变成 "12,345,678"。

第一步：弄出最后一个逗号

var result = "12345678".replace(/(?=\d{3}$)/g, ',')
console.log(result);
// => "12345,678"
复制代码

第二步：弄出所有的逗号

var result = "12345678".replace(/(?=(\d{3})+$)/g, ',')
console.log(result);
// => "12,345,678"
复制代码

第三步：去除开头的逗号

var regex = /(?!^)(?=(\d{3})+$)/g;
var result = "12345678".replace(regex, ',')
console.log(result);
// => "12,345,678"
result = "123456789".replace(regex, ',');
console.log(result);
// => "123,456,789"
复制代码

2，货币格式化

function format (num) {
  return num.toFixed(2).replace(/\B(?=(\d{3})+\b)/g, ",").replace(/^/, "$$ ");
};
console.log( format(1888) );
// => "$ 1,888.00"
复制代码

3，验证密码问题

密码长度 6-12 位，由数字、小写字符和大写字母组成，但必须至少包括 2 种字符。

第一步：忽略至少包括两种字符

var regex = /^[0-9A-Za-z]{6,12}$/;
复制代码

第二步：判断是否包含有某一种字符

var regex = /(?=.*[0-9])^[0-9A-Za-z]{6,12}$/;
复制代码

第三步：同时包含具体两种字符

var regex = /(?=.*[0-9])(?=.*[a-z])^[0-9A-Za-z]{6,12}$/;
复制代码

第四步：至少包含两种字符

var regex = /((?=.*[0-9])(?=.*[a-z])|(?=.*[0-9])(?=.*[A-Z])|(?=.*[a-z])(?=.*[A- Z]))^[0-9A-Za-z]{6,12}$/;
console.log( regex.test("1234567") ); // false 全是数字
console.log( regex.test("abcdef") ); // false 全是小写字母
console.log( regex.test("ABCDEFGH") ); // false 全是大写字母 console.log( regex.test("ab23C") ); // false 不足6位 console.log( regex.test("ABCDEF234") ); // true 大写字母和数字 console.log( regex.test("abcdEF234") ); // true 三者都有
复制代码