正则表达式 - JavaScript描述

概述

正则表达式是被用来匹配字符串中的字符组合的模式。在JavaScript中，正则表达式也是对象。

创建正则表达式

var re = /abc/; // 使用对象字面量

var re = new RegExp('ab+c'); // 调用构造函数

上面两种方法都可以用来创建正则表达式。如果正则表达式固定不变，建议使用第1种方法创建，这样性能会高一些。如果事先不知道要创建什么样的正则表达式则使用第2种方法。第1种方法的斜杠，第2中方法的单引号或者双引号，均是1种固定写法。

正则表达式的模式

使用简单的模式

简单模式就是使用一些简单的字符，直接进行匹配。比如/abc/会成功匹配"Hi, do you know your abc's?"和"The latest airplane designs evolved from slabcraft."但是不会匹配"Grab crab"。

特殊字符

一些复杂的正则表达式匹配，需要用到一些特殊字符，在JavaScript中这些特殊字符及其功能如下。默认量词匹配模式为贪婪模式，也就是匹配尽可能多的字符。

字符	含义
\	转义字符
^	匹配输入的开始
$	匹配输入的结束
*	匹配前一个表达式0次，或者多次。等价于{0, }
+	匹配前一个表达式1次，或者多次。等价于{1, }
?	匹配前一个表达式0次或者1次。等价于{0, 1}
.	（小数点）匹配除了换行符（\n）之外的任何单个字符。
(x)	匹配 'x' 并且记住匹配项。使用`$1、$2`可以拿到括号中的内容。
`x\|y`	匹配x或者y
{n}	n是一个正整数，匹配了前面一个字符刚好发生了n次。
{n, m}	n 和 m 都是正整数。匹配前面的字符至少n次，最多m次。
[xyz]	一个字符集合。匹配方括号的中任意字符。可以使用破折号（-）来指定一个字符范围。
[^xyz]	一个反向字符集。也就是说，它匹配任何没有包含在方括号中的字符。
\b	匹配一个词的边界。（匹配一个单个的单词）
\d	匹配一个数字。等价于[0-9]
\D	匹配一个非数字。等价于[^0-9]
\n	匹配一个换行符。
\s	匹配一个空白字符，包括空格、制表符、换页符和换行符。
\S	匹配一个非空白字符。
\w	匹配一个单字字符（字母、数字或者下划线）。等价于[A-Za-z0-9_]。
\W	匹配一个非单字字符。

详细介绍

\

在正则表达式中出现有3种可能性。第1种，在非特殊字符之前加入\代表其后字符不能当做普通字符来使用，具有特殊功能。第2种，在特殊字符之前加入\代表将其后特殊字符的功能移除，使其变成普通字符而能够正常被匹配。第3种，使用new RegExp('pattern')时，需要对\进行2次转义，因为\在字符串里面也是1个转义字符。

^

匹配输入的开始。例如/^A/.test('an A')匹配失败，而/^A/.test('An E')匹配成功。

$

匹配输入的结束。/t$/.test('eater')匹配失败，而/t$/.test('eat')匹配成功。

*

匹配前一个表达式0次或多次，等价于{0,}。例如：/bo*/.test('bx');/bo*/.test('booo');都能匹配成功，可以理解为只要字母b出现就匹配成功。

+

匹配前一个表达式1次或多次，等价与{1,}。/a+/.test('a');/a+/.test('aaaww');能匹配成功，而/a+/.test('qww');则匹配失败，也就是说a至少要出现1次才能匹配成功。

?

匹配前面1个表达式0次或者1次，等价于{0,1}。例如：/e?le?/匹配"angel"中的'el'，和"angle"中的'le'以及"oslo"中的'l'。

如果紧跟在任何量词* + ? {}的后面，将会使量词变为非贪婪模式（匹配尽可能少的字符），和默认的贪婪模式正好相反。例如，对 "123abc" 应用 /\d+/ 将会返回 "123"，如果使用 /\d+?/,那么就只会匹配到 "1"。

.

小数点将匹配除换行符之外的任何单个字符。例如：/.n/将会匹配 "nay, anapple is on the tree" 中的 'an' 和 'on'，但是不会匹配 'nay'。

(x)

匹配 'x' 并且记住匹配项，括号被称为捕获括号。示例：/Chapter (\d+)\.\d*/将会匹配"Open Chapter 4.3, paragraph 6"中的'4'并记住。

x|y

匹配'x'或'y'。示例：/green|red/匹配"green apple"中的'green'和"red apple"中的'red'。

{n}

n是一个正整数，匹配前面一个字符刚好发生了n次。示例：/a{2}/不会匹配"candy"中的'a'，但是会匹配"caandy"中所有的a，以及"caaaandy"中前2个a。

{n,m}

n和m都是正整数，并且n<=m。匹配至少n次，最多m次。示例：/a{1,3}/匹配"cndy"失败，匹配"candy"结果为'a'，匹配"caaaaaaandy"结果为'aaa'。

[xyz]

字符集合。将匹配在中括号中的任意字符，包括转义序列，特殊字符例如* .将被认为是普通字符，因此不必对它们进行转义，不过转义也是可以的。可以使用破折号（-）来指定一个字符范围。

例如，[abcd] 和[a-d]是一样的。他们都匹配"brisket"中得'b',也都匹配"city"中的'c'。/[a-z.]+/ 和/[\w.]+/都匹配"test.i.ng"中得所有字符。

[^xyz]

一个反向字符集。匹配任何没有包含在方括号中的字符。例如，[^abc] 和 [^a-c] 是一样的。

\b

匹配一个词的边界。

示例：/\bm/匹配"moon"中得'm'

/oo\b/并不匹配"moon"中得'oo'，因为'oo'被一个词汇字符'n'紧跟着。

/oon\b/匹配"moon"中得'oon'，因为'oon'是这个字符串的结束部分。这样他没有被一个词汇字符紧跟着。

\B

匹配一个非单词边界。他匹配一个前后字符都是相同类型的位置：都是单词或者都不是单词。一个字符串的开始和结尾都被认为是非单词。

例如，/\B../匹配"noonday"中得'oo', 而/y\B./匹配"possibly yesterday"中得'ye'

\d

匹配一个数字。等价于[0-9]。

例如， /\d/ 或者 /[0-9]/ 匹配"B2 is the suite number."中的'2'。

\D

匹配一个非数字字符。等价于[^0-9]。

例如， /\D/ 或者 /[^0-9]/ 匹配"B2 is the suite number."中的'B' 。

\s

匹配一个空白字符，包括空格、制表符、换页符、和换行符。

例如, /\s\w*/ 匹配"foo bar."中的' bar'。

\S

匹配一个非空白字符。例如， /\S\w*/ 匹配"foo bar."中的'foo'。

\w

匹配一个单字字符（字母、数字或者下划线）。等价于[A-Za-z0-9_]。

示例：/\w/ 匹配 "apple," 中的 'a'，"$5.28,"中的 '5' 和 "3D." 中的 '3'。

\W

匹配1个非单字字符，等价于[^A-Za-z0-9_]。

示例：例如, /\W/ 或者 /[^A-Za-z0-9_]/ 匹配 "50%." 中的 '%'。

使用正则表达式

正则表达式可以被用于RegExp的exec和test方法以及String的match、replace、search和split方法。

RegExp.prototype.test()

概述

test() 方法执行一个检索，用来查看正则表达式与指定的字符串是否匹配。返回 true 或 false。

语法

regexObj.test(str)

示例

/hel/.test("hello world");

参考链接

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test

String.prototype.match()

概述

当一个字符串与正则表达式匹配时，match方法会提取匹配项，并返回一个数组。否则返回null。

语法

str.match(regexp);

参数 - regexp是一个正则表达式对象。

返回值 - 1个包含了整个匹配结果以及任何括号捕获的匹配结果数组对象。如果没有匹配项，则返回null。

描述

如果正则表达式没有g标志，则返回的数组对象拥有input属性，表示被解析的原始字符串，还拥有index属性，表示匹配结果在原字符串中的索引。

如果正则表达式包含g标志，则返回的数组对象中不会有index和input属性。

示例

// 简单示例

console.log( "ab".match(/ab/) );

// ["ab", index: 0, input: "ab"]

console.log( "ab".match(/a(b)/) );

// ["ab", "b", index: 0, input: "ab"]

console.log( "ab".match(/a(b)/g) );

// ["ab"]

// 复杂示例

var str = 'For more information, see Chapter 3.4.5.1';

var re = /see (chapter \d+(\.\d)*)/i;

var found = str.match(re);

console.log(found);

// logs [ 'see Chapter 3.4.5.1',

//        'Chapter 3.4.5.1',

//        '.1',

//        index: 22,

//        input: 'For more information, see Chapter 3.4.5.1' ]

// 'see Chapter 3.4.5.1' 是整个匹配。

// 'Chapter 3.4.5.1' 被'(chapter \d+(\.\d)*)'捕获。

// '.1' 是被'(\.\d)'捕获的最后一个值。

// 'index' 属性(22) 是整个匹配从零开始的索引。

// 'input' 属性是被解析的原始字符串。

参考链接

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/match

使用括号的子字符串匹配

在正则表达式的模式中使用括号，可以把括号里面的内容"记住"。在脚本中可以按顺序依次使用$1、$2表示

第一个和第二个括号里面的内容。下面的例子说明了如何使用括号的子字符串匹配。

	var re = /(\w+)\s(\w+)/;

	var str = "Hello World";

	var newstr = str.replace(re, "$2AND$1");

	console.log(newstr); // → WorldANDHello

通过标志进行高级搜索

正则表达式一共有4个标志。这里只介绍最常用最主要的两个g和i。分别表示全局搜索和不区分大小写搜索。

默认的搜索是区分大小写的。下面的例子展示了标志的使用方法。

包含标志的正则表达式语法如下：

var re = /pattern/flags; // or

var re = new RegExp("pattern", "flags");

	var str = "I am a boy. She is a girl";

	/A/.test(str); // → false

	/a/i.test(str); // → true

	str.match(/a/); // → ["a"]

	str.match(/a/g); // → ["a", "a", "a"]

常用正则表达式

中文字符 [\u4e00-\u9fa5]
Email地址 \w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}
手机 [0-9]{11}

参考资料