001.正则表达式 介绍
正则表达式是表示搜索模式的特殊字符串。也被称为“regex”或“regexp”,它们可以帮助程序员匹配、搜索和替换文本。由于一些字符具有特殊的含义,正则表达式可能会显得晦涩难懂。我们的目标是将这些符号和文本组合成一个你想要的匹配模式,但这只是你想要的。本节将介绍字符、一些快捷方式以及编写正则表达式的常用用法。
002.正则表达式:使用测试方法
JavaScript 中有多种使用正则表达式的方法。测试正则表达式的一种方法是使用.test()方法。.test()方法会把你编写的正则表达式应用到一个字符串(即括号内的内容),如果你的匹配模式成功匹配到字符,则返回true,反之,返回false。
let testStr = "freeCodeCamp";
let testRegex = /Code/;
testRegex.test(testStr);
// Returns true
003.正则表达式:匹配文字字符串
区分大小写
004.正则表达式:同时用多种模式匹配文字字符串
使用|操作符来匹配多个规则
005.正则表达式:匹配时忽略大小写
忽略大小写的标志—i
006.正则表达式:提取匹配项
使用.match()方法来提取你找到的实际匹配项
"Hello, World!".match(/Hello/);
// Returns ["Hello"]
let ourStr = "Regular expressions";
let ourRegex = /expressions/;
ourStr.match(ourRegex);
// Returns ["expressions"]
007.正则表达式:全局匹配
若要多次搜寻或提取匹配模式,你可以使用g标志。
let testStr = "Repeat, Repeat, Repeat";
let ourRegex = /Repeat/;
testStr.match(ourRegex);
// Returns ["Repeat"]
let repeatRegex = /Repeat/g;
testStr.match(repeatRegex);
// Returns ["Repeat", "Repeat", "Repeat"]
008.正则表达式:用通配符.匹配任何内容
通配符.将匹配任何一个字符。通配符也叫dot或period。你可以像使用正则表达式中任何其他字符一样使用通配符。
009.正则表达式:将单个字符与多种可能性匹配
匹配文字匹配模式(/literal/)和通配符(/./)
使用字符集搜寻具有一定灵活性的文字匹配模式。字符集允许你通过把它们放在方括号([和])之间的方式来定义一组你需要匹配的字符串。
使用元音字符集(a、e、i、o、u)在你的正则表达式vowelRegex中匹配到字符串quoteSample中的所有元音。
注意
一定要同时匹配大小写元音。
let quoteSample = "Beware of bugs in the above code; I have only proved it correct, not tried it.";
let vowelRegex = /[aeiou]/gi; // 修改这一行
let result = quoteSample.match(vowelRegex); // 修改这一行
010.正则表达式:匹配字母表中的字母
在字符集中,你可以使用连字符(-)来定义要匹配的字符范围。
011.正则表达式:匹配字母表中的数字和字母
使用连字符(-)匹配字符范围并不仅限于字母。它还可以匹配一系列数字。
012.正则表达式:匹配单个未指定的字符
要创建否定字符集,你需要在开始括号后面和不想匹配的字符前面放置插入字符(即^)。
例如,/[^aeiou]/gi匹配所有非元音字符。注意,字符.、!、[、@、/和空白字符等也会被匹配,该否定字符集仅排除元音字符。
013.正则表达式:匹配出现一次或多次的字符
你可以使用+符号来检查情况是否如此。记住,字符或匹配模式必须一个接一个地连续出现。
014.正则表达式:匹配出现零次或多次的字符
还有一个选项可以匹配出现零次或多次的字符。
执行该操作的字符叫做asterisk或star,即*。
匹配"A"及其之后出现的零个或多个"a"
let chewieRegex = /Aa*/g; // 修改这一行
015.正则表达式:用惰性匹配来查找字符
在正则表达式中,贪婪匹配会匹配到符合正则表达式匹配模式的字符串的最长可能部分,并将其作为匹配项返回。另一种方案称为懒惰匹配,它会匹配到满足正则表达式的字符串的最小可能部分。
你可以将正则表达式/t[a-z]*i/应用于字符串"titanic"。这个正则表达式是一个以t开始,以i结束,并且中间有一些字母的匹配模式。
正则表达式默认是贪婪匹配,因此匹配返回为[“titani”]。它会匹配到适合该匹配模式的最大子字符串。
**但是,你可以使用?字符来将其变成懒惰匹配。**调整后的正则表达式/t[a-z]*?i/匹配字符串"titanic"返回[“ti”]。
016.正则表达式:在狩猎中找到一个或多个罪犯
编写一个贪婪正则表达式,在一组其他人中匹配到一个或多个罪犯。罪犯由大写字母C表示。
// example crowd gathering
let crowd = 'P1P2P3P4P5P6CCCP7P8P9';
let reCriminals = /C+/; // 修改这一行
let matchedCriminals = crowd.match(reCriminals);
console.log(matchedCriminals);
017.正则表达式:匹配字符串的开头
在字符集之外,插入符号^用于字符串的开头搜寻匹配模式。
/^Ricky/;
018.正则表达式:匹配字符串的末尾
使用正则表达式的美元符号$来搜寻字符串的结尾。
/story$/;
019.正则表达式:匹配所有的字母和数字
使用[a-z]搜寻字母表中的所有字母
字符类\w,这个缩写等同于[A-Za-z0-9_]。它不仅可以匹配大小写字母和数字,注意,它还会匹配下划线字符(_)。
使用缩写\w来计算所有引号中字母和数字字符的数量。
let quoteSample = "The five boxing wizards jump quickly.";
let alphabetRegexV2 = /\w/g; // 修改这一行
let result = quoteSample.match(alphabetRegexV2).length;
020.正则表达式:匹配除了字母和数字的所有符号
你可以使用\W搜寻和\w相反的匹配模式。注意,相反匹配模式使用大写字母。此缩写与[^A-Za-z0-9_]是一样的。
021.正则表达式:匹配所有数字
查找数字字符的缩写是\d,注意是小写的d。这等同于字符类[0-9],它查找 0 到 9 之间任意数字的单个字符。
022.正则表达式:匹配所有非数字
查找非数字字符的缩写是\D。这等同于字符串[^0-9],它查找不是 0 - 9 之间数字的单个字符。
023.正则表达式:限制可能的用户名
以下是用户在创建用户名时必须遵守的一些简单规则。
-
用户名中的数字必须在最后,且数字可以有零个或多个。
-
用户名字母可以是小写字母和大写字母。
-
用户名长度必须至少为两个字符。两位用户名只能使用字母。
let userCheck = /[^\d]\w/g;; // 修改这一行
let userCheck = /[a-zA-Z]/g; // Change this line
\d 匹配一个数字字符。等价于 [0-9]。
\w 匹配包括下划线的任何单词字符。等价于’
024.正则表达式:匹配空白字符
你可以使用\s搜寻空格,其中s是小写。此匹配模式不仅匹配空格,还匹配回车符、制表符、换页符和换行符,你可以将其视为与[\r\t\f\n\v]类似。
025.正则表达式:匹配非空白字符
使用\S搜寻非空白字符,其中S是大写。此匹配模式将不匹配空格、回车符、制表符、换页符和换行符。你可以认为这类似于字符类[^\r\t\f\n\v]。
026.正则表达式:指定匹配的上限和下限
你可以使用数量说明符指定匹配模式的上下限。数量说明符与花括号({和})一起使用。你可以在花括号之间放两个数字,这两个数字代表匹配模式的上限和下限。
例如,要在字符串"ah"中匹配仅出现3到5次的字母a,你的正则表达式应为/a{3,5}h/
。
027.正则表达式:只指定匹配的下限
例如,要匹配至少出现3次字母a的字符串"hah",你的正则表达式应该是/ha{3,}h/
028.正则表达式:指定匹配的确切数量
例如,要只匹配字母a出现3次的单词"hah",你的正则表达式应为/ha{3}h/。
029.正则表达式:检查全部或无
你可以使用问号?指定可能存在的元素。
修改正则表达式favRegex以匹配美式英语(favorite)和英式英语(favourite)的单词版本。
let favRegex = /favou?rite/; // 修改这一行
030.正则表达式:正向先行断言和负向先行断言
先行断言是告诉 JavaScript 在字符串中向前查找的匹配模式。当你想要在同一个字符串上搜寻多个匹配模式时,这可能非常有用。
有两种先行断言:正向先行断言和负向先行断言。
正向先行断言会查看并确保搜索匹配模式中的元素存在,但实际上并不匹配。正向先行断言的用法是(?=…),其中…就是需要存在但不会被匹配的部分。
另一方面,负向先行断言会查看并确保搜索匹配模式中的元素不存在。负向先行断言的用法是(?!..),其中…是你希望不存在的匹配模式。如果负向先行断言部分不存在,将返回匹配模式的其余部分。
let quit = "qu";
let noquit = "qt";
let quRegex= /q(?=u)/;//q接下来是u
let qRegex = /q(?!u)/;//q接下来不是u
quit.match(quRegex); // Returns ["q"]
noquit.match(qRegex); // Returns ["q"]
先行断言的更实际用途是检查一个字符串中的两个或更多匹配模式。这里有一个简单的密码检查器,密码规则是 3 到 6 个字符且至少包含一个数字:
let password = "abc123";
let checkPass = /(?=\w{3,6})(?=\D*\d)/;
checkPass.test(password); // Returns true
在正则表达式pwRegex中使用先行断言以匹配至少5个字符且有两个连续数字的密码。
let pwRegex = /(?=\w{5,})(?=\D*\d{2})/; // 修改这一行
031.正则表达式:使用捕获组重用模式
使用捕获组搜寻重复的子字符串。
括号(和)可以用来匹配重复的子字符串。
你只需要把重复匹配模式的正则表达式放在括号中即可。
要指定重复字符串将出现的位置,可以使用反斜杠(\)后接一个数字。
这个数字从 1 开始,随着你使用的每个捕获组的增加而增加。
这里有一个示例,\1可以匹配第一个组。
任意两个被空格分割的单词:
let repeatRegex = /(\w+)\s\1/;
在正则表达式reRegex中使用捕获组,以匹配在字符串中仅重复三次的数字,每一个都由空格分隔。
let reRegex = /^(\d+)\s\1\s\1$/;
032.正则表达式:使用捕获组搜索和替换
搜索功能是很有用的。但是,当你的搜索也执行更改(或替换)匹配文本的操作时,搜索功能就会显得更加强大。
可以使用字符串上.replace()方法来搜索并替换字符串中的文本。.replace()的输入首先是你想要搜索的正则表达式匹配模式,第二个参数是用于替换匹配的字符串或用于执行某些操作的函数。
let wrongText = "The sky is silver.";
let silverRegex = /silver/;
wrongText.replace(silverRegex, "blue");
// Returns "The sky is blue."
你还可以使用美元符号($)访问替换字符串中的捕获组。
"Code Camp".replace(/(\w+)\s(\w+)/, '$2 $1');
// Returns "Camp Code"
033.正则表达式:删除开头和结尾的空白
.trim()方法在这里也可以实现同样的效果,但是你需要使用正则表达式来完成此项挑战。
let hello = " Hello, World! ";
let wsRegex = /^\s+|\s+$/g;
let result = hello.replace(wsRegex,'');