&&前端&& 正则表达式
写在前面的内容以下是我学习记录有不正确的地方 大家一起讨论学习 进步码农双双 在路上正则表达式在编程语言中,正则表达式用于匹配指定的字符串。 通过正则表达式创建匹配模式(规则)可以帮你完成指定匹配。如果想要在字符串 The dog chased the cat 中匹配到 the 这个单词,可以使用如下正则表达式:/the/。 注意,正则表达式中不需要引号。let a =“The dog chase
写在前面的内容
以下是我学习记录
有不正确的地方 大家一起讨论学习 进步
码农双双 在路上
正则表达式
在编程语言中,正则表达式用于匹配指定的字符串。 通过正则表达式创建匹配模式(规则)可以帮你完成指定匹配。
如果想要在字符串 The dog chased the cat 中匹配到 the 这个单词,可以使用如下正则表达式:/the/。 注意,正则表达式中不需要引号。
let a =“The dog chased the cat” ;
let b = /the/;
b.test(a);
这里会打印出来是true。
JavaScript 中有多种使用正则表达式的方法。 测试正则表达式的一种方法是使用 .test() 方法。 .test() 方法会把编写的正则表达式和字符串(即括号内的内容)匹配,如果成功匹配到字符,则返回 true,反之,返回 false。
test 方法会返回 true。
加深印象再举一个🌰栗子
let myString = “Hello, World!”;
let myRegex = /Hello/;
let result = myRegex.test(myString); // 修改这一行
第二个知识点
政策表达式默认情况下是区分大小写的
let testStr = “Hello, my name is Kevin.”;
let testRegex = /Kevin/;
testRegex.test(testStr);
test 方法会返回 true。
let wrongRegex = /kevin/;
wrongRegex.test(testStr);
此 test 调用将返回 false。
第三个知识点
同时用多种模式匹配文字字符串
你可以使用 alternation 或 OR 操作符搜索多个模式: |
此操作符匹配操作符前面或后面的字符。 例如,如果你想匹配 yes 或 no,你需要的正则表达式是 /yes|no/。
let petString = “James has a pet cat.”;
let petRegex = /dog|cat|bird|fish/; // 修改这一行
let result = petRegex.test(petString);
console.log(result);
第四个知识点
在匹配时忽略大小写
可以使用标志(flag)来匹配这两种情况。 标志有很多,不过这里我们只关注忽略大小写的标志——i。 可以通过将它附加到正则表达式之后来使用它。 这里给出使用该标志的一个实例 /ignorecase/i。 这个字符串可以匹配字符串 ignorecase、igNoreCase 和 IgnoreCase。
let myString = “manongshuangshuang”;
let fccRegex = /SHUANG/i; // 修改这一行
let result = fccRegex.test(myString);
console.log(result);
正则.test(字符串)
控制台会打印什么 自己复制过去看看
第五个知识点
提取匹配项
使用.match() 方法来提取找到的实际匹配项。
例子🌰
console.log(“Hello, World!”.match(/Hello/));
控制台打印
[ ‘Hello’, index: 0, input: ‘Hello, World!’, groups: undefined ]
使用方法
字符串.match(正则表达式);
第六个知识点
全剧匹配
let testStr = “Repeat, Repeat, Repeat”;
let ourRegex = /Repeat/;
testStr.match(ourRegex);
在这里 match 将返回 [“Repeat”]。
只能匹配一次
若要多次搜寻或提取模式匹配,可以使用 g 标志。
let repeatRegex = /Repeat/g;
testStr.match(repeatRegex);
这里 match 返回值 [“Repeat”, “Repeat”, “Repeat”]
let twinkleStar = “Twinkle, twinkle, little star”;
let starRegex = /Twinkle/gi; // 修改这一行
let result = twinkleStar.match(starRegex); // 修改这一行
console.log(result)
第七个知识点 通配符
有时不(或不需要)知道匹配模式中的确切字符。 如果要精确匹配到完整的单词,那出现一个拼写错误就会匹配不到。 幸运的是,可以使用通配符 . 来处理这种情况。
通配符 . 将匹配任何一个字符。 通配符也叫 dot 或 period。 可以像使用正则表达式中任何其他字符一样使用通配符。 例如,如果想匹配 hug、huh、hut 和 hum,可以使用正则表达式 /hu./ 匹配以上四个单词。
let humStr = “I’ll hum a song”;
let hugStr = “Bear hug”;
let huRegex = /hu./;
huRegex.test(humStr);
huRegex.test(hugStr);
上面的 test 都会返回 true。
第八个知识点
已经了解了文字匹配模式(/literal/)和通配符(/./)。 这是正则表达式的两种极端情况,一种是精确匹配,而另一种则是匹配所有。 在这两种极端情况之间有一个平衡选项。
可以使用字符集 (character classes)更灵活的匹配字符。 可以把字符集放在方括号([ 和 ])之间来定义一组需要匹配的字符串。
例如,如果想要匹配 bag、big 和 bug,但是不想匹配 bog。 可以创建正则表达式 /b[aiu]g/ 来执行此操作。 [aiu] 是只匹配字符 a、i 或者 u 的字符集。
let bigStr = “big”;
let bagStr = “bag”;
let bugStr = “bug”;
let bogStr = “bog”;
let bgRegex = /b[aiu]g/;
bigStr.match(bgRegex);
bagStr.match(bgRegex);
bugStr.match(bgRegex);
bogStr.match(bgRegex);
按顺序排列,四次 match 调用将返回值 [“big”]、[“bag”]、[“bug”] 和 null。
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); // 修改这一行
console.log(result)
第九个知识点
了解了如何使用字符集(character sets)来指定要匹配的一组字符串,但是有时需要匹配大量字符(例如,字母表中的每个字母)。 有一种写法可以让实现这个功能变得简短。
在字符集中,可以使用连字符(-)来定义要匹配的字符范围。
例如,要匹配小写字母 a 到 e,你可以使用 [a-e]。
let catStr = “cat”;
let batStr = “bat”;
let matStr = “mat”;
let bgRegex = /[a-e]at/;
catStr.match(bgRegex);
batStr.match(bgRegex);
matStr.match(bgRegex);
按顺序排列,三次 match 调用将返回值 [“cat”],[“bat”] 和 null。
第十个知识点
匹配字母表中的字母了解了如何使用字符集(character sets)来指定要匹配的一组字符串,但是有时需要匹配大量字符(例如,字母表中的每个字母)。 有一种写法可以让实现这个功能变得简短。
在字符集中,可以使用连字符(-)来定义要匹配的字符范围。
例如,要匹配小写字母 a 到 e,你可以使用 [a-e]。
let catStr = “cat”;
let batStr = “bat”;
let matStr = “mat”;
let bgRegex = /[a-e]at/;
catStr.match(bgRegex);
batStr.match(bgRegex);
matStr.match(bgRegex);
按顺序排列,三次 match 调用将返回值 [“cat”],[“bat”] 和 null。
let quoteSample = “The quick brown fox jumps over the lazy dog.”;
let alphabetRegex = /[a-z]/gi; // 修改这一行
let result = quoteSample.match(alphabetRegex);
console.log(result);
第十一个知识点
使用连字符(-)匹配字符范围并不仅限于字母。 它还可以匹配一系列数字。
例如,/[0-5]/ 匹配 0 和 5 之间的任意数字,包含 0 和 5。
此外,还可以在单个字符集中组合一系列字母和数字。
let jennyStr = “Jenny8675309”;
let myRegex = /[a-z0-9]/ig;
jennyStr.match(myRegex);
控制台打印的
(12) [‘J’, ‘e’, ‘n’, ‘n’, ‘y’, ‘8’, ‘6’, ‘7’, ‘5’, ‘3’, ‘0’, ‘9’]
let quoteSample = “Blueberry 3.141592653s are delicious.”;
let myRegex = /[h-s2-6]/gi; // 修改这一行
let result = quoteSample.match(myRegex);
console.log(result)
第十二个知识点
匹配单个未指定的字符
要用否定字符集
要创建否定字符集,需要在开始括号后面和不想匹配的字符前面放置脱字符(即^)。
例如,/[^aeiou]/gi 匹配所有非元音字符。 注意,字符 .、!、[、@、/ 和空白字符等也会被匹配,该否定字符集仅排除元音字符。
let quoteSample = “3 blind mice.”;
let myRegex = /[^aeiou1-9]/gi; // 修改这一行
let result = quoteSample.match(myRegex); // 修改这一行
console.log(result);
[ ’ ', ‘b’, ‘l’, ‘n’, ‘d’, ’ ', ‘m’, ‘c’, ‘.’ ]
重点注意啊
敲黑板
这个字符会把空格也算进去
第十三个知识点
匹配出现一次或多次的字符
有时,需要匹配出现一次或者连续多次的的字符(或字符组)。 这意味着它至少出现一次,并且可能重复出现。
可以使用 + 符号来检查情况是否如此。 记住,字符或匹配模式必须一个接一个地连续出现。 这就是说,字符必须一个接一个地重复。
例如,/a+/g 会在 abc 中匹配到一个匹配项,并且返回 [“a”]。 因为 + 的存在,它也会在 aabc 中匹配到一个匹配项,然后返回 [“aa”]。
如果它是检查字符串 abab,它将匹配到两个匹配项并且返回[“a”, “a”],因为a字符不连续,在它们之间有一个b字符。 最后,因为在字符串 bcd 中没有 a,因此找不到匹配项。
let difficultSpelling = “Mississippi”;
let myRegex = /s+/g; // 修改这一行
let result = difficultSpelling.match(myRegex);
console.log(result)
控制台打印的东东
[ ‘ss’, ‘ss’ ]
第十四个知识点
一个选项可以匹配出现零次或多次的字符。
执行该操作的字符叫做星号,即*。
let soccerWord = “gooooooooal!”;
let gPhrase = “gut feeling”;
let oPhrase = “over the moon”;
let goRegex = /go*/;
soccerWord.match(goRegex);
gPhrase.match(goRegex);
oPhrase.match(goRegex);
按顺序排列,三次 match 调用将返回值 [“goooooooo”],[“g”] 和 null。
let chewieQuote = “Aaaaaaaaaaaaaaaarrrgh!”;
let chewieRegex = /Aa*/;
let result = chewieQuote.match(chewieRegex);
console.log(result)
控制台打印结果
[ ‘Aaaaaaaaaaaaaaaa’,
index: 0,
input: ‘Aaaaaaaaaaaaaaaarrrgh!’,
groups: undefined ]
第十五个知识点
惰性字符 ?
正则表达式默认是贪婪匹配
但是,你可以使用 ? 字符来将其变成懒惰匹配。 调整后的正则表达式 /t[a-z]*?i/ 匹配字符串 “titanic” 返回 [“ti”]。
let text = “
Winter is coming
”;let myRegex = /<.*?>/; // 修改这一行
let result = text.match(myRegex);
console.log(result);
[ ‘
’,
index: 0,
input: ‘
Winter is coming
’,groups: undefined ]
第十六个知识点
否定字符集的另外的用法
判断指定字符串是否在开始的位置
let firstString = “Ricky is first and can be found.”;
let firstRegex = /^Ricky/;
firstRegex.test(firstString);
let notFirst = “You can’t find Ricky now.”;
firstRegex.test(notFirst);
第一次 test 调用将返回 true,而第二次调用将返回 false。
第十七个知识点
美元符号搜索字符串的结尾判断指定的字符串是否在结尾的位置lettheEnding="Thisisaneverendingstory";letstoryRegex=/story搜索字符串的结尾 判断指定的字符串是否在结尾的位置 let theEnding = "This is a never ending story"; let storyRegex = /story搜索字符串的结尾判断指定的字符串是否在结尾的位置lettheEnding="Thisisaneverendingstory";letstoryRegex=/story/;
storyRegex.test(theEnding);
let noEnding = “Sometimes a story will have to end”;
storyRegex.test(noEnding);
第一次 test 调用将返回 true, 而第二次调用将返回 false。
第十八个知识点
元字符 \w 它的内容包含了
[A-Za-z0-9_]
注意它包含了_ 下划线啊
let longHand = /[A-Za-z0-9_]+/;
let shortHand = /\w+/;
let numbers = “42”;
let varNames = “important_var”;
longHand.test(numbers);
shortHand.test(numbers);
longHand.test(varNames);
shortHand.test(varNames);
这里一定要注意啊
注意大小写
/w跟/W是不一样的哦
这是一对反义词
/w != /W
第十九个知识点
\d是匹配的是[0-9]
注意事项
\d != \D
第二十个知识点
空白字符 \s 记得小写;
此匹配模式将匹配空格、回车符、制表符、换页符和换行符。 可以认为这类似于元字符 [ \r\t\f\n\v]。
\S搜寻非空白字符,其中 s 是大写。
此匹配模式将不匹配空格、回车符、制表符、换页符和换行符。 可以认为这类似于元字符 [^ \r\t\f\n\v]。
第21个知识点
数量说明符号 {}
数量说明符(quantity specifiers)指定匹配模式的上下限。 数量说明符与花括号({ 和 })一起使用。 可以在花括号之间放两个数字,这两个数字代表匹配模式的上限和下限。
例如,要匹配出现 3 到 5 次字母 a 的在字符串 ah,正则表达式应为/a{3,5}h/
3-5 是次数啊 不是数字的意思
看仔细哦
第22个知识点
先行断言 (Lookaheads)是告诉 JavaScript 在字符串中向前查找的匹配模式。 当想要在同一个字符串上搜寻多个匹配模式时,这可能非常有用。
有两种先行断言:正向先行断言(positive lookahead)(?=匹配内容)和负向先行断言(negative lookahead)(?!匹配内容)。
返回结果
正向先行断言 会查看并确保搜索匹配模式中的元素存在,但实际上并不匹配
负向先行断言会查看并确保搜索匹配模式中的元素不存在 返回其余部分
正向先行断言 确保匹配内容存在但是不返回匹配的内容,返回其他的内容
负向先行断言 确保匹配内容不存在 返回其他的内容
let quit = “qu”;
let noquit = “qt”;
let quRegex= /q(?=u)/;
let qRegex = /q(?!u)/;
quit.match(quRegex);
noquit.match(qRegex);
控制台打印内容
~~~~
先行断言的更实际用途是检查一个字符串中的两个或更多匹配模式
let password = “abc123”;
let checkPass = /(?=\w{3,6})(?=\D*\d)/;
checkPass.test(password);
两个连续的数字 \d{2}
第23个知识点
捕获组重用模式
在匹配多次出现的内容的时候使用
好比
let repeatStr = “row row row your boat”;
捕获组可以用来找到重复的子字符串
捕获组是通过把要捕获的正则表达式放在括号中进行构建的
第24个知识点
搜索加替换 强强联合
replace()
第一个参数是想要匹配的正则表达式的匹配模式
第二个是用于替换匹配字符的内容或者是用于执行某些操作的函数
let wrongText = “The sky is silver.”;
let silverRegex = /silver/;
wrongText.replace(silverRegex, “blue”);
最后一个测试
写出一个正则表达式
删掉字符串前后的空格
更多推荐
所有评论(0)