【摘要】 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。下面是【Web前端基础知识】关于前端正则表达式基本用法（上），小编建议有准备参加考试的备考生一定要合理规划时间，仔细阅读相关规定，提前做好考前准备。下面让我们看看【Web前端基础知识】关于前端正则表达式基本用法（上）的具体内容：
【Web前端基础知识】关于前端正则表达式基本用法（上）
1 两种模糊匹配
如果正则只有精确匹配是没多大意义的，比如/hello/，也只能匹配字符串中的”hello”这个子串。
- var regex = /hello/;
- console.log( regex.test("hello") );
- // => true
正则表达式之所以强大，是因为其能实现模糊匹配。
而模糊匹配，有两个方向上的“模糊”：横向模糊和纵向模糊。
1.1 横向模糊匹配
横向模糊指的是，一个正则可匹配的字符串的长度不是固定的，可以是多种情况的。
其实现的方式是使用量词。譬如{m,n}，表示连续出现最少m次，最多n次。
比如/ab{2,5}c/表示匹配这样一个字符串：第一个字符是“a”，接下来是2到5个字符“b”，最后是字符“c”。测试如下：
- var regex = /ab{2,5}c/g;
- var string = "abc abbc abbbc abbbbc abbbbbc abbbbbbc";
- console.log( string.match(regex) );
- // => ["abbc", "abbbc", "abbbbc", "abbbbbc"]
注意：案例中用的正则是/ab{2,5}c/g，后面多了g，它是正则的一个修饰符。表示全局匹配，即在目标字符串中按顺序找到满足匹配模式的所有子串，强调的是“所有”，而不只是“第一个”。g是单词global的首字母。
1.2 纵向模糊匹配
纵向模糊指的是，一个正则匹配的字符串，具体到某一位字符时，它可以不是某个确定的字符，可以有多种可能。
其实现的方式是使用字符组。譬如[abc]，表示该字符是可以字符“a”、“b”、“c”中的任何一个。
比如/a[123]b/可以匹配如下三种字符串：”a1b”、”a2b”、”a3b”。测试如下：
- var regex = /a[123]b/g;
- var string = "a0b a1b a2b a3b a4b";
- console.log( string.match(regex) );
- // => ["a1b", "a2b", "a3b"]
以上就是【Web前端基础知识】关于前端正则表达式基本用法（上）的内容，对前端感兴趣的小伙伴们可以关注考必过，获取更多前端前沿资讯和最新技术。最新消息小编会第一时间发布，助力大家考试，加油！