同今生活在线网

Web前端工程师要知道的JS 常用正则表达式

Web前端培训 2019-09-07 17:39188Web开发教程webqdgcs

今天小编要跟大家分享的文章是关于Web前端工程师要知道的JS 常用正则表达式。正则表达式或“regex”用于匹配字符串的各个部分,今天小编就为大家分享一些创建正则表达式的备忘单,供大家学习参考,希望能够对大家有所帮助。

1、匹配正则

使用 .test() 方法

let testString = "My test string";let testRegex = /string/;testRegex.test(testString);

2、匹配多个模式

使用操作符号 |

const regex = /yes|no|maybe/;

3、忽略大小写

使用i标志表示忽略大小写

const caseInsensitiveRegex = /ignore case/i;const testString = 'We use the i flag to iGnOrE CasE';caseInsensitiveRegex.test(testString); // true

4、提取变量的第一个匹配项

使用 .match() 方法

const match = "Hello World!".match(/hello/i); // "Hello"

5、提取数组中的所有匹配项

使用 g 标志

const testString = "Repeat repeat rePeAT";const regexWithAllMatches = /Repeat/gi;testString.match(regexWithAllMatches); // ["Repeat", "repeat", "rePeAT"]

6、匹配任意字符

使用通配符. 作为任何字符的占位符

// To match "cat", "BAT", "fAT", "mat"const regexWithWildcard = /.at/gi;const testString = "cat BAT cupcake fAT mat dog";const allMatchingWords = testString.match(regexWithWildcard); // ["cat", "BAT", "fAT", "mat"]

用多种可能性匹配单个字符

· 使用字符类,你可以使用它来定义要匹配的一组字符

· 把它们放在方括号里 []

//匹配 "cat" "fat" and "mat" 但不匹配 "bat"

const regexWithCharClass = /[cfm]at/g;const testString = "cat fat bat mat";const allMatchingWords = testString.match(regexWithCharClass); // ["cat", "fat", "mat"]

7、匹配字母表中的字母

使用字符集内的范围 [a-z]

const regexWidthCharRange = /[a-e]at/;const regexWithCharRange = /[a-e]at/;const catString = "cat";const batString = "bat";const fatString = "fat";regexWithCharRange.test(catString); // trueregexWithCharRange.test(batString); // trueregexWithCharRange.test(fatString); // false

8、匹配特定的数字和字母

你还可以使用连字符来匹配数字

const regexWithLetterAndNumberRange = /[a-z0-9]/ig;const testString = "Emma19382";testString.match(regexWithLetterAndNumberRange) // true

9、匹配单个未知字符

要匹配您不想拥有的一组字符,使用否定字符集 ^

const allCharsNotVowels = /[^aeiou]/gi;const allCharsNotVowelsOrNumbers = /[^aeiou0-9]/gi;

10、配一行中出现一次或多次的字符

上一篇:Web前端新人必学html+css基础知识 下一篇:没有了

杰途IT培训学习网 备案号:

本站内容部份来自网络和网友自行发布,如有侵权等问题请联系本站删除。