FreeCoddeCamp__js算法与数据结构__正则表达式

1、使用测试方法

.test()方法会把正则表达式和字符串进行匹配,返回一个Boolean值

let myString = "Hello world!";
let myRegex = /Hello/;
let result = myRegex.test(myString);
console.log(".test()方法返回的结果: " + result);   //true

2、匹配文字字符串

let waldoIsHiding  = "Somewhere Waldo is hiding in this text."
let waldoRegex = /Waldo/;    //注意大小写
let result = waldoRegex.test(waldoIsHiding);

3、匹配多种可能性的字符串

在正则表达式中可以通过添加OR操作符“ | ”来匹配多种可能性的字符串,比如你想匹配yes或no,那么正则表达式可以写成/yes|no/

let petString = "James has a pet cat.";
let petRegex = /dog|cat|bird|fish/;
let result = petRegex.test(petString);

4、匹配时忽略大小写

在正则表达式中进行匹配时可以通过在表达式后面添加--i来忽略大小写,比如/ABC/i

let myString = "freeCodeCamp";
let fccRegex = /freecodecamp/i;
let result = fccRegex.test(myString);

5、提取匹配项

通过.test()方法可以知道匹配项是否存在于指定的字符串中,返回的是Boolean值。.match()方法可以返回找到的实际匹配项,match的语法和test的语法看起来是“反向”的。

let extractStr = "Extract the word 'coding' from this string.";
let codingRegex = /coding/;
let result = extractStr.match(codingRegex);
console.log(result)

 6、全局匹配

如果要进行多次搜索或匹配可以使用“g”标志

let twinkleStar = "Twinkle, twinkle, little star";
let starRegex = /twinkle/gi; 
let result = twinkleStar.match(starRegex);

7、用通配符匹配任何内容

通配符 "." 将匹配任何一个字符

//完成正则表达式 unRegex 以匹配字符串 run、sun、fun、pun、nun 和 bun。 正则表达式中应该使用通配符。
let exampleStr = "Let's have fun with regular expressions!";
let unRegex = /.un/g; //
let result = unRegex.test(exampleStr);
let result1 = exampleStr.match(unRegex);

8、将单个字符与多种可能性匹配

可以使用字符集更灵活的匹配字符,可以把字符集放在 "[ ]" 之间来定义一组需要匹配的字符串

//匹配元音a,e,i,o,u字符,注意要匹配大小写
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);

9、匹配所有字母

在字符集中,可以使用连字符 "-" 来定义要匹配的字符范围。比如匹配a到h之间的字母,可以使用[a-h]

//匹配所有字母
let quoteSample = "The quick brown fox jumps over the lazy dog.";
let alphabetRegex = /[a-z]/gi;
let result = quoteSample.match(alphabetRegex);

10、匹配字母表中的字母和数字

let quoteSample = "Blueberry 3.141592653s are delicious.";
let myRegex = /[h-s2-6]/gi;
let result = quoteSample.match(myRegex);

11、匹配单个未指定的字符

要创建否定字符集,需要在开始括号后面和不想匹配的字符前面放置脱字符(即^)。

//创建一个匹配所有非数字或元音字符的正则表达式。
let quoteSample = "3 blind mice.";
let myRegex = /[^0-9aeiou]/gi;
let result = quoteSample.match(myRegex);

12、匹配出现一次或多次的字符

有时,需要匹配出现一次或者连续多次的的字符(或字符组)。 这意味着它至少出现一次,并且可能重复出现。可以使用 + 符号来检查情况是否如此。 记住,字符或匹配模式必须一个接一个地连续出现。 这就是说,字符必须一个接一个地重复。

例如,/a+/g 会在 abc 中匹配到一个匹配项,并且返回 ["a"]。 因为 + 的存在,它也会在 aabc 中匹配到一个匹配项,然后返回 ["aa"]。如果它是检查字符串 abab,它将匹配到两个匹配项并且返回["a", "a"],因为a字符不连续,在它们之间有一个b字符。 最后,因为在字符串 bcd 中没有 a,因此找不到匹配项。

//匹配到出现一次或多次的字母 s 的匹配项
let difficultSpelling = "Mississippi";
let myRegex = /s+/ig;
let result = difficultSpelling.match(myRegex);

13、匹配出现零次或多次的字符

有一个选项可以匹配出现零次或多次的字符。执行该操作的字符叫做星号,即*

let chewieRegex = /Aa*/;
let result = chewieQuote.match(chewieRegex);

14、用惰性匹配来查找字符

正则表达式中,贪婪(greedy)匹配会匹配到符合正则表达式匹配模式的字符串的最长可能部分,并将其作为匹配项返回。 另一种方案称为懒惰(lazy)匹配,它会匹配到满足正则表达式的字符串的最小可能部分。

可以将正则表达式 /t[a-z]*i/ 应用于字符串 "titanic"。 这个正则表达式是一个以 t 开始,以 i 结束,并且中间有一些字母的匹配模式。正则表达式默认是贪婪匹配,因此匹配返回为 ["titani"]。 它会匹配到适合该匹配模式的最大子字符串。但是,你可以使用 ? 字符来将其变成懒惰匹配。 调整后的正则表达式 /t[a-z]*?i/ 匹配字符串 "titanic" 返回 ["ti"]

//返回HTML的<h1>标签
let text = "<h1>Winter is coming</h1>";
let myRegex = /<[a-z0-9]*?>/;
let result = text.match(myRegex);

15、在狩猎中找到一个或多个罪犯

//编写一个贪婪正则表达式,在一组其他人中匹配到一个或多个罪犯。 罪犯由大写字母C表示。
let reCriminals = /C+/g;

16、匹配字符串的开头(^)和匹配字符串的末尾($)

使用字符集中前插入符号 "^" 规定匹配字符串的开始位置。

let rickyAndCal = "Cal and Ricky both like racing.";
let calRegex = /^Cal/;
let result = calRegex.test(rickyAndCal);

使用正则表达式的美元符号 "$" 来搜寻字符串的结尾。

let caboose = "The last car on a train is the caboose";
let lastRegex = /caboose$/;
let result = lastRegex.test(caboose);

 17、匹配所有的字母和数字

使用元字符,可以使用 [a-z] 搜寻字母表中的所有字母。 这种元字符是很常见的,它有一个缩写,但这个缩写也包含额外的字符。与字母表匹配的最接近的元字符是\w。 这个缩写等同于[A-Za-z0-9_]。 此字符类匹配上面字母和小写字母以及数字。 注意,这个字符类也包含下划线字符 (_)。

let quoteSample = "The five boxing wizards jump quickly.";
let alphabetRegexV2 = /\w/g;
let result = quoteSample.match(alphabetRegexV2).length;

18、匹配除了字母和数字的所有符号

可以使用 \W 搜寻和 \w 相反的匹配模式。 注意,相反匹配模式使用大写字母。 此缩写与 [^A-Za-z0-9_] 是一样的。

let quoteSample = "The five boxing wizards jump quickly.";
let nonAlphabetRegex = /\W/g;
let result = quoteSample.match(nonAlphabetRegex).length;

19、匹配所有数字(\d)和非数字(\D)

查找数字字符的缩写是 \d,注意是小写的 d。 这等同于元字符 [0-9],它查找 0 到 9 之间任意数字的单个字符。

let movieName = "2001: A Space Odyssey";
let numRegex = /\d/g;
let result = movieName.match(numRegex).length;

查找非数字字符的缩写是 \D。 这等同于字符串 [^0-9],它查找不是 0 - 9 之间数字的单个字符。

let movieName = "2001: A Space Odyssey";
let noNumRegex = /\D/g;
let result = movieName.match(noNumRegex).length;

20、限制可能的用户名

/*
*要求:
  用户名只能是数字字母字符。
  用户名中的数字必须在最后。 数字可以有零个或多个。 用户名不能以数字开头。
  用户名字母可以是小写字母和大写字母。
  用户名长度必须至少为两个字符。 两位用户名只能使用字母。
*/
let username = "Jack88"
let userCheck = /^[a-z]([0-9][0-9]+|[a-z]+\d*)$/i    ///^[a-z]((\d+){2}|[a-z]+\d*)$/i
let result = userCheck.test(username)

21、匹配空白字符(\s)和非空白字符(\S)

可以使用 \s 搜寻空格,其中 s 是小写。 此匹配模式将匹配空格、回车符、制表符、换页符和换行符。 可以认为这类似于元字符 [ \r\t\f\n\v]

let sample = "Whitespace is important in separating words";
let countWhiteSpace = /\s/g;
let result = sample.match(countWhiteSpace);

使用 \S 搜寻非空白字符,其中 s 是大写。 此匹配模式将不匹配空格、回车符、制表符、换页符和换行符。 可以认为这类似于元字符 [^ \r\t\f\n\v]

let sample = "Whitespace is important in separating words";
let countNonWhiteSpace = /\S/g;
let result = sample.match(countNonWhiteSpace);

22、指定匹配的上限和下限

使用数量说明符(quantity specifiers)指定匹配模式的上下限。 数量说明符与花括号({ 和 })一起使用。 可以在花括号之间放两个数字,这两个数字代表匹配模式的上限和下限。

例如,要匹配出现 3 到 5 次字母 a 的在字符串 ah,正则表达式应为/a{3,5}h/

let ohStr = "Ohhh no";
let ohRegex = /Oh{3,6} no/;
let result = ohRegex.test(ohStr);

23、只指定匹配的下限

 

使用带有花括号的数量说明符来指定匹配模式的上下限。 但有时候只想指定匹配模式的下限而不需要指定上限。为此,在第一个数字后面跟一个逗号即可。例如,要匹配至少出现 3 次字母 a 的字符串 hah,正则表达式应该是 /ha{3,}h/

let haStr = "Hazzzzah";
let haRegex = /Haz{4,}ah/;
let result = haRegex.test(haStr);

24、指定匹配的确切数量

可以使用带有花括号的数量说明符来指定匹配模式的上下限。 但有时只需要特定数量的匹配。要指定一定数量的匹配模式,只需在大括号之间放置一个数字。例如,要只匹配字母 a 出现 3 次的单词hah,正则表达式应为/ha{3}h/

let timStr = "Timmmmber";
let timRegex = /Tim{4}ber/;
let result = timRegex.test(timStr);

25、检查全部或无

有时,想要搜寻的匹配模式可能有不确定是否存在的部分。 尽管如此,还是想检查它们。为此,可以使用问号 ? 指定可能存在的元素。 这将检查前面的零个或一个元素。 可以将此符号视为前面的元素是可选的。例如,美式英语和英式英语略有不同,可以使用问号来匹配两种拼写。

//修改正则表达式 favRegex 以匹配美式英语(favorite)和英式英语(favourite)的单词版本。
let favWord = "favorite";
let favRegex = /favou?rite/;
let result = favRegex.test(favWord);

26、正向先行断言和负向先行断言

先行断言 (Lookaheads)是告诉 JavaScript 在字符串中向前查找的匹配模式。 当想要在同一个字符串上搜寻多个匹配模式时,这可能非常有用。

有两种先行断言:正向先行断言(positive lookahead)和负向先行断言(negative lookahead)。

正向先行断言会查看并确保搜索匹配模式中的元素存在,但实际上并不匹配。 正向先行断言的用法是 (?=...),其中 ... 就是需要存在但不会被匹配的部分。

另一方面,负向先行断言会查看并确保搜索匹配模式中的元素不存在。 负向先行断言的用法是 (?!...),其中 ... 是希望不存在的匹配模式。 如果负向先行断言部分不存在,将返回匹配模式的其余部分。

let sampleWord = "aa__123";
let pwRegex = /(?=\w{6,})(?=\D*\d{2})/; 
let result = pwRegex.test(sampleWord);

27、检查混合字符组通过

如果想在字符串找到 Penguin 或 Pumpkin,可以用这个正则表达式:/P(engu|umpk)in/g

let myString = "Eleanor Roosevelt";
let myRegex = /(Eleanor|Franklin D.|Franklin ) Roosevelt/; 
let result =myRegex.test(myString) ; 
// 使用 myString 通过挑战后,了解分组如何运行

28、使用捕获组重用模式

一些你所搜寻的匹配模式会在字符串中出现多次。 手动重复该正则表达式显得不够简洁。 当字符串中出现多个重复子字符串时,有一种更好的方式来编写模式。

可以使用捕获组(capture groups)搜寻重复的子字符串。 括号 ( 和 ) 可以用来匹配重复的子字符串。 把需要重复匹配的模式放在括号中即可。

要指定重复字符串将出现的位置,可以使用反斜杠(\)后接一个数字。 这个数字从 1 开始,随着你使用的每个捕获组的增加而增加。 这里有一个示例,\1 可以匹配第一个组。

let repeatNum = "42 42 42";
let reRegex = /^(\d+)\s\1\s\1$/;
let result = reRegex.test(repeatNum);

29、使用捕获组搜索和替换

搜索功能是很有用的。 但是,当搜索同时也执行更改(或替换)匹配文本的操作时,搜索功能就会显得更加强大。

可以在字符串上使用 .replace() 方法来搜索并替换字符串中的文本。 .replace() 的输入首先是想要搜索的正则表达式匹配模式。 第二个参数是用于替换匹配的字符串或用于执行某些操作的函数。可以使用美元符号($)访问替换字符串中的捕获组。

let str = "one two three";
let fixRegex = /(\w+)\s(\w+)\s(\w+)/;
let replaceText = "$3 $2 $1";
let result = str.replace(fixRegex, replaceText);

30、删除空白字符

1、可以使用String.prototype.trim()方法去掉空白符

let hello = "   Hello, World!  ";
let result = hello.trim()    //去掉字符串两边的空白字符
console.log(result)

2、使用str.replace(Reg,"")

let hello = "   Hello, World!  ";
let wsRegex = /^\s+|\s+$/g;
console.log(hello.replace(/\s+/g,""))    //去掉字符串中的所有字符
let result = hello.replace(wsRegex,"");    //去掉字符串两侧的空白字符
console.log(result)
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值