正则表达式 - JavaScript描述
正则表达式 - 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次，或者多次。等价于 |
| + | 匹配前一个表达式1次，或者多次。等价于 |
| ? | 匹配前一个表达式0次或者1次。等价于 |
| . | （小数点）匹配除了换行符（\n）之外的任何单个字符。 |
| (x) | 匹配 'x' 并且记住匹配项。使用$1、$2可以拿到括号中的内容。 |
| `x | y` |
| n是一个正整数，匹配了前面一个字符刚好发生了n次。 | |
| 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}
