正则表达式学习笔记

正则表达式练习题点击这里

创建一个正则表达式

使用一个正则表达式字面量，其由包含在斜杠之间的模式组成，如下所示：

const regExp = /a+c/;  //匹配一个或多个a后面跟着'c'的字符串；
regExp.test('acbc'); //true
regExp.test('aacb'); //true

在加载脚本后，正则表达式字面值提供正则表达式的编译。当正则表达式保持不变时，使用此方法可获得更好的性能。

或者调用RegExp对象的构造函数，如下所示：

const regExp = new RegExp('a+c');
console.log(regExp.test('aacbc')); //true

使用构造函数提供正则表达式的运行时编译。使用构造函数，当你知道正则表达式模式将会改变，或者你不知道模式，并从另一个来源，如用户输入。

正则表达式中的特殊字符

字符 \

匹配将依照下列规则：

在非特殊字符之前的反斜杠表示下一个字符是特殊的，不能从字面上解释。例如，没有前面''的'b'通常匹配小写'b'，无论它们出现在哪里。如果加了'',这个字符变成了一个特殊意义的字符，意思是匹配一个字符边界。

反斜杠也可以将其后的特殊字符，转义为字面量。例如，模式 /a*/ 代表会匹配 0 个或者多个 a。相反，模式 /a\*/ 将 '*' 的特殊性移除，从而可以匹配像 "a*" 这样的字符串。

const regExp1 = /a*/; // 匹配 0 个或者多个 a
const regExp2 = /a\*/; // 匹配'a*' 字符串
console.log(regExp1.test('')); // true
console.log(regExp2.test(''));  // false
console.log(regExp2.test('a*'));  // true

字符 ^

匹配输入的开始。如果多行标志被设置为true，那么也匹配换行符后紧跟的位置。

例如，/^A/ 并不会匹配 "an A" 中的 'A'，但是会匹配 "An E" 中的 'A'。

当 '^' 作为第一个字符出现在一个字符集合模式时，它将会有不同的含义

const regExp = /^A/; // 匹配以'A'开头的字符串
console.log(regExp1.test('an A')); // false
console.log(regExp1.test('An E')); // true
const regExp2 = /[^abc]/;  // 匹配任何没有包含在方括号中的字符
console.log(regExp2.test('abc')); // false
console.log(regExp2.test('efg')); // true

字符 $

匹配输入的结束。如果多行标示被设置为true，那么也匹配换行符前的位置。

例如，/t$/ 并不会匹配 "eater" 中的 't'，但是会匹配 "eat" 中的 't'。

//匹配以'abc'结尾的字符串；
const regExp1 = /abc$/; 
//匹配以'abc'开头又以'abc'结尾的字符串，即匹配'abc'。
const regExp2 = /^abc$/; 
console.log(regExp1.test('aaabc')); // true
console.log(regExp2.test('aaabc')); // false
console.log(regExp2.test('abc'));  // true

字符 *

匹配前一个表达式0次或多次。等价于 {0,}。
例如，/bo*/会匹配 "A ghost boooooed" 中的 'booooo' 和 "A bird warbled" 中的 'b'，但是在 "A goat grunted" 中将不会匹配任何东西。

示例：

// 匹配'a'后面跟着任意数量的‘b'的字符串。
const regExp = /ab*/;
console.log(regExp.test('a')); // true
console.log(regExp.test('ab')); // true
console.log(regExp.test('bbbc')); // false

字符 +

匹配前面一个表达式1次或者多次。等价于 {1,}。
例如，/a+/匹配了在 "candy" 中的 'a'，和在 "caaaaaaandy" 中所有的 'a'。

// 匹配至少一个'a'
const regExp = /a+/; 
console.log(regExp.test('a')); // true
console.log(regExp.test('aab')); // true
console.log(regExp.test('b')); // false

字符 ？

匹配前面一个表达式0次或者1次。等价于 {0,1}。

//匹配 'l','el','ele','le'四种字符串
const regExp = /e?le?/;
console.log(regExp.test('ele')); // true
console.log(regExp.test('angel')); // true
console.log(regExp.test('angle')); // true
console.log(regExp.test('oslo')); // true

如果紧跟在任何量词 *、 +、? 或 {} 的后面，将会使量词变为非贪婪的（匹配尽量少的字符），和缺省使用的贪婪模式（匹配尽可能多的字符）正好相反。

例如，对 "123abc" 应用 /\d+/ 将会返回 "123"，如果使用 /\d+?/,那么就只会匹配到 "1"。

示例：

// 匹配0个数字
const regExp1 = /\d*?/;
// 匹配1个数字
const regExp2 = /\d+?/;
// 匹配1个'a'
const regExp3 = /a{1,3}?/;
let str = '123a';
console.log(str.replace(regExp1, 'abc')); //abc123a
console.log(str.replace(regExp2, 'abc')); // abc23a
console.log(str.replace(regExp3, 'abc')); // 123abc

字符 .

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

示例：

const regExp = /.n/;
console.log(regExp.test('n')); // false
console.log(regExp.test('.n'));  // true
console.log(regExp.test('an')); //true

(x)

匹配 'x' 并且记住匹配项，就像下面的例子展示的那样。括号被称为捕获括号。
模式 /(foo) (bar) \1 \2/ 中的 '(foo)' 和 '(bar)' 匹配并记住字符串 "foo bar foo bar" 中前两个单词。模式中的 \1 和 \2 匹配字符串的后两个单词。注意 \1、\2、\n 是用在正则表达式的匹配环节。在正则表达式的替换环节，则要使用像 $1、$2、$n 这样的语法，例如，'bar foo'.replace( /(...) (...)/, '$2 $1' )。

示例：

const regExp1 = /(foo) (bar) \2 \1/;
const regExp2 = /(foo) (bar) \1 \2/;
let str1 = 'foo bar bar foo bar';
let str2 = 'foo bar foo bar';
console.log(str1.replace(regExp1, '666')); // 666 bar
console.log(str2.replace(regExp2, '666')); // 666
console.log(str1.replace(regExp2, '666')); // foo bar bar foo bar

(?:x)

匹配 'x' 但是不记住匹配项。这种叫作非捕获括号，使得你能够定义为与正则表达式运算符一起使用的子表达式。来看示例表达式 /(?:foo){1,2}/。如果表达式是 /foo{1,2}/，{1,2}将只对 ‘foo’ 的最后一个字符 ’o‘ 生效。如果使用非捕获括号，则{1,2}会匹配整个 ‘foo’ 单词

示例：

const regExp1 = /(?:foo)\1/;
console.log('foofoobar'.replace(regExp1, 'abc')); // foofoobar
console.log('foofoo\1bar'.replace(regExp1, 'abc'));// fooabcbar
const regExp2 = /(foo)\1/;
console.log('foofoobar'.replace(regExp2, 'abc')); // abcbar

x(?=y)

匹配'x'仅仅当'x'后面跟着'y'.这种叫做正向肯定查找。

例如，/Jack(?=Sprat)/会匹配到'Jack'仅仅当它后面跟着'Sprat'。/Jack(?=Sprat|Frost)/匹配‘Jack’仅仅当它后面跟着'Sprat'或者是‘Frost’。但是‘Sprat’和‘Frost’都不是匹配结果的一部分。

示例：

const regExp = /Jack(?=Sprat|Frost)/;
console.log('JackSprat'.replace(regExp, 'ABC'));//  ABCSprat
console.log('JackFrost'.replace(regExp, 'ABC')); // ABCFrost
console.log('Jack'.replace(regExp, 'ABC'));// Jack

x(?!y)

匹配'x'仅仅当'x'后面不跟着'y',这个叫做正向否定查找。
例如，/\d+(?!.)/匹配一个数字仅仅当这个数字后面没有跟小数点的时候。正则表达式/\d+(?!.)/.exec("3.141")匹配‘141’但是不是'3.141'。

示例：

const regExp = /\d+(?!\.)/;
console.log('Pi3.1415926'.replace(regExp, '666'));// Pi3.666

x | y

匹配‘x’或者‘y’。

例如，/green|red/匹配“green apple”中的‘green’和“red apple”中的‘red’

示例：

const regExp1 = /green|red/;
const regExp2 = /green|red/g;
let str = 'greenredgreen';
console.log(str.replace(regExp1, 'blue'));//blueredgreen
console.log(str.replace(regExp2, 'blue'));//blueblueblue

{n}

n是一个正整数，匹配了前面一个字符刚好发生了n次。
比如，/a{2}/不会匹配“candy”中的'a',但是会匹配“caandy”中所有的a，以及“caaandy”中的前两个'a'。

示例：

const regExp1 = /a{2}/g;
console.log('aaaaa'.replace(regExp1, 'AA')); //AAAAa

{n,m}

n 和 m 都是正整数。匹配前面的字符至少n次，最多m次。如果 n 或者 m 的值是0， 这个值被忽略。

例如，/a{1, 3}/ 并不匹配“cndy”中得任意字符，匹配“candy”中得a，匹配“caandy”中得前两个a，也匹配“caaaaaaandy”中得前三个a。注意，当匹配”caaaaaaandy“时，匹配的值是“aaa”，即使原始的字符串中有更多的a。

示例：

const regExp1 = /a{1,3}/;
console.log('aaaaa'.replace(regExp1, 'AAA')); // AAAaa

[xyz]

一个字符集合。匹配方括号的中任意字符，包括转义序列。你可以使用破折号（-）来指定一个字符范围。对于点（.）和星号（*）这样的特殊符号在一个字符集中没有特殊的意义。他们不必进行转义，不过转义也是起作用的。

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

let regExp1 = /[abc]/;
let regExp2 = /[abc]/g;
console.log('aAbBcC'.replace(regExp1, 'H'));// HAbBcC
console.log('aAbBcC'.replace(regExp2, 'H'));// HAHBHC

[^xyz]

一个反向字符集。也就是说， 它匹配任何没有包含在方括号中的字符。你可以使用破折号（-）来指定一个字符范围。任何普通字符在这里都是起作用的。

例如，[^abc] 和 [^a-c] 是一样的。他们匹配"brisket"中得‘r’，也匹配“chop”中的‘h’。

let regExp1 = /[^abc]/;
let regExp2 = /[^abc]/g;
console.log('aAbBcC'.replace(regExp1, 'H'));//aHbBcC
console.log('aAbBcC'.replace(regExp2, 'H'));//aHbHcH

[\b]

匹配一个退格(U+0008)。（不要和\b混淆了。）

\b

匹配一个词的边界。一个词的边界就是一个词不被另外一个词跟随的位置或者不是另一个词汇字符前边的位置。注意，一个匹配的词的边界并不包含在匹配的内容中。换句话说，一个匹配的词的边界的内容的长度是0。（不要和[\b]混淆了）
例子：
/\bm/匹配“moon”中得‘m’；
/oo\b/并不匹配"moon"中得'oo'，因为'oo'被一个词汇字符'n'紧跟着。
/oon\b/匹配"moon"中得'oon'，因为'oon'是这个字符串的结束部分。这样他没有被一个词汇字符紧跟着。
/\w\b\w/将不能匹配任何字符串，因为一个单词中的字符永远也不可能被一个非词汇字符和一个词汇字符同时紧跟着。

示例：

let regExp = /\bm/;
console.log('moon'.replace(regExp, 'M')); //Moon

\B

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

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

let regExp1 = /\B./;
let regExp2 = /\Bo/;
console.log('You have to consider'.replace(regExp1, 'M'));
//YMu have to consider.
console.log('You have to consider'.replace(regExp2, 'O'));
//YOu have to consider.

\cX

当X是处于A到Z之间的字符的时候，匹配字符串中的一个控制符。

例如，/\cM/ 匹配字符串中的 control-M (U+000D)。

\d

匹配一个数字。等价于[0-9]。
例如， /\d/ 或者 /[0-9]/ 匹配"B2 is the suite number."中的'2'。

示例：

let regExp = /\d/;
console.log('123abc'.replace(regExp, '&'));//&23abc

\D

匹配一个非数字字符。等价于[^0-9]。
例如， /\D/ 或者 /[^0-9]/ 匹配"B2 is the suite number."中的'B' 。

示例：

let regExp = /\D/g;
console.log('123abc'.replace(regExp, '&'));//123&&&

\f

匹配一个换页符 (U+000C)。

\n

匹配一个换行符 (U+000A)。

\r

匹配一个回车符 (U+000D)。

\s

匹配一个空白字符，包括空格、制表符、换页符和换行符。
等价于[ \f\n\r\t\v\u00a0\u1680\u180e\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]。
例如, /\s\w*/ 匹配"foo bar."中的' bar'。

let regExp = /\s{3}/g;
console.log('123   abc'.replace(regExp, '&&&'));//123&&&abc

\S

匹配一个非空白字符。
等价于[^ \f\n\r\t\v\u00a0\u1680\u180e\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]。
例如， /\S\w*/ 匹配"foo bar."中的'foo'。

let regExp = /\S{3}/g;
console.log('123   abc'.replace(regExp, '&&&'));//&&&   &&&

\t

匹配一个水平制表符 (U+0009)。

\v

匹配一个垂直制表符 (U+000B)。

\w

匹配一个单字字符（字母、数字或者下划线）。
等价于[A-Za-z0-9_]。
例如, /\w/ 匹配 "apple," 中的 'a'，"$5.28,"中的 '5' 和 "3D." 中的 '3'。

示例：

let regExp = /\w/g;
console.log('1^&^*_adjlf@#DJ:"'.replace(regExp, '&'));
//&^&^*&&&&&&@#&&:"

\W

匹配一个非单字字符。等价于[^A-Za-z0-9_]。
例如, /\W/ 或者 /[^A-Za-z0-9_]/ 匹配 "50%." 中的 '%'。

示例：

let regExp = /\W/g;
console.log('1^&^*_adjlf@#DJ:"'.replace(regExp, '&'));
// 1&&&&_adjlf&&DJ&&

通过标志进行高级搜索

正则表达式有四个可选参数进行全局和不分大小写搜索。这些参数既可以单独使用也可以一起使用在任何顺序和包含正则表达式的部分中。

正则表达式标志

标识 描述
g 全局搜索
i 不区分大小写搜索
m 多行搜索
y 执行“粘性”搜索,匹配从目标字符串的当前位置开始，可以使用y标志

exec()方法

exec() 方法在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null。

如果你正在执行一个匹配只是为了找到 true或 false，可以使用 RegExp.test() 方法，或者 String.search() 方法。

语法

regexObj.exec(str)

参数

str //要匹配正则表达式的字符串。

返回值

如果成功匹配，exec() 方法返回一个数组并更新正则表达式对象的属性。返回的数组具有匹配的文本作为第一项，然后匹配的每个捕获括号的一个项包含捕获的文本。

如果匹配失败，exec() 方法返回 null。

描述

let regex = /quick\s(brown).+?(jumps)/ig;
let result = regex.exec('The Quick Brown Fox Jumps Over The Lazy Dog');

下面的表格展示这个脚本的返回值：

对象 属性/索引 描述 例子
result [0] 匹配的全部字符串 Quick Brown Fox Jumps
result [1],...[n] 括号中的分组捕获 [1] = Brown [2] = Jumps
result index 匹配到的字符位于原始字符串的基于0的索引值 4
result input 原始字符串 The Quick Brown Fox Jumps Over The Lazy Dog
regex lastIndex 下一次匹配开始的位置 25
regex ignoreCase 是否使用了'i'标记使正则匹配忽略大小写 true
regex global 是否使用了'g'标记来进行全局的匹配. true
regex multiline 是否使用了'm'标记使正则工作在多行模式（也就是，^ 和 $ 可以匹配字符串中每一行的开始和结束（行是由 \n 或 \r 分割的），而不只是整个输入字符串的最开始和最末尾处。） false
regex source 正则模式的字符串 quick\s(brown).+?(jumps)

示例

例子1：查找所有匹配

当正则表达式使用 "g" 标志时，可以多次执行 exec 方法来查找同一个字符串中的成功匹配。当你这样做时，查找将从正则表达式的 lastIndex 属性指定的位置开始。（test() 也会更新 lastIndex 属性）。例如，你使用下面的脚本：

var myRe = /ab*/g;
var str = 'abbcdefabh';
var myArray;
while ((myArray = myRe.exec(str)) !== null) {
    var msg = 'Found ' + myArray[0] + '. ';
    msg += 'Next match starts at ' + myRe.lastIndex;
    console.log(msg);
}

脚本运行结果如下：

 //  Found abb. Next match starts at 3
 //  Found ab. Next match starts at 9

注意：不要把正则表达式字面量（或者正则表达式构造器）放在 while 条件表达式里。由于每次迭代时 lastIndex 的属性都被重置，如果匹配，将会造成一个死循环。

例子2：结合 RegExp 字面量使用 exec()

你也可以直接使用 exec() 而不是创建一个 RegExp 对象：

var matches = /(hello \S+)/.exec('This is a hello world!');
console.log(matches[1]);

运行上面的代码，控制台会输出"hello world!" 字符串。

test()

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

语法

regexObj.test(str)

参数

str用来与正则表达式匹配的字符串

返回值

如果正则表达式与指定的字符串匹配 ，返回true；否则false。

描述

当你想要知道一个模式是否存在于一个字符串中时，就可以使用 test()（类似于 String.prototype.search() 方法），差别在于test返回一个布尔值，而 search 返回索引（如果找到）或者-1（如果没找到）；若想知道更多信息（然而执行比较慢），可使用exec() 方法（类似于 String.prototype.match() 方法）。 和 exec() (或者组合使用),一样，在相同的全局正则表达式实例上多次调用test将会越过之前的匹配。

示例

使用 test()
一个简单的例子，测试 "hello" 是否包含在字符串的最开始，返回布尔值。

let str = 'hello world!';
let result = /^hello/.test(str);
console.log(result); // true
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 203,324评论 5赞 476
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 85,303评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 150,192评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,555评论 1赞 273
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,569评论 5赞 365
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,566评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,927评论 3赞 395
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,583评论 0赞 257
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,827评论 1赞 297
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2赞 320
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,365评论 4赞 318
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,941评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1赞 259
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2赞 349
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2赞 342

推荐阅读更多精彩内容

  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 134,580评论 18赞 139
  • 正则表达式学习笔记
    正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串...
    EarthChen阅读 347评论 0赞 0
  • JavaScript正则表达式学习笔记
    一.正则表达式匹配原则 占有字符和零宽度 在正则表达式匹配过程中，如果子表达式匹配到的是字符内容，并被保存在结果之...
    Coree阅读 523评论 0赞 0
  • 30天学习计划 js忍者秘籍 第7章 正则表达式
    9.19--9.23 第7章 正则表达式 正则表达式是一个拆分字符串并查询相关信息的过程。 推荐练习网站： js ...
    如201608阅读 1,013评论 0赞 4
  • 正则表达式学习笔记2
    什么是正则表达式 Regular Expression使用单个字符串来描述，匹配一系列符合某个句法规则的字符串 说...
    打铁大师阅读 773评论 1赞 6