JS正则表达式元字符

CODING 发布于2019-08-22 10:55 / 2798人阅读

摘要：表示非单词字符，等效于正则教程返回完整的字符串，因为，中文算作是非单词字符。行首行尾，修饰符形式修饰符的作用是修改和在正则表达式中的作用，让它们分别表示行首和行尾。

正则	描述	正则	描述
f	匹配换页符		匹配制表符
	匹配换行符	v	匹配垂直制表符
	匹配回车	s	匹配单个空格，等同于[f v];
S	表示非空格字符	d	在正则中表示数字
w	表示单词字符，等同于字符集合[a-zA-Z0-9_]		创建正则对象时，要转义
+	表示出现一到多次	^	表示后边出现的数字必须在开头
$	表示前面出现的数字必须出现在结尾

视频教程

g是模式修正符，表示在整个字符串里多次查找

match方法来找到和reg正则相匹配的内容

js"ab23839cd".match(/d+/)

空白s（包括空格回车制表符等）
f匹配换页符，匹配换行符，匹配回车，匹配制表符，v匹配垂直制表符。
s匹配单个空格，等同于[f v]。例如：
例1：

jsvar reg = /s.+/;
var str="This is a test String.";
alert(reg.exec(str));

返回“is a test String.”，正则的意思是匹配第一个空格以及其后的所有非换行字符。

同样，S表示非空格字符。
例2：

jsvar reg = /S+/;
var str="This is a test String.";
alert(reg.exec(str));

匹配结果为This，当遇到第一个空格之后，正则就停止匹配了。

在正则中最常用到的一个是：
例3：var reg=/^s*$/; //匹配任意空或空白字符，如果你什么也没输入，或输入的只有空格、回车、换行等字符，则匹配成功。这样就可以验证用户是否正确输入内容了。
这个用来验证输入框里是否写了有效效字符,用法如下：

jsvar  reg=/^s*$/;
if(reg.test(value)){
  alert("请输入有效值");
  return false;
}

单字符w
w表示单词字符，等同于字符集合[a-zA-Z0-9_]。例如：

jsvar reg = /w+/;
var str="zhufengpeixun";
alert(reg.exec(str));

返回完整的zhufengpeixun字符串，因为所有字符都是单词字符。

jsvar reg = /w+/;
var str=".className";
alert(reg.exec(str));

结果显示匹配了字符串中的className，只有第一个“.”唯一的非单词字符没有匹配。

jsvar reg = /w+/;
var str="正则教程";
alert(reg.exec(str));

试图用单词字符去匹配中文自然行不通了，返回 null。

W表示非单词字符，等效于[^a-zA-Z0-9_]

jsvar reg = /W+/;
var str="正则教程";
alert(reg.exec(str));

返回完整的字符串，因为，中文算作是非单词字符。
分组和分组的引用
请见在线视频的正则专题部分的
正则表达式基础第三讲：分组、分组的引用、选择等http://online.zhufengpeixun.cn/viewCourseDetail.do?courseId=141415

形式如下：/(子正则表达式)1/ 依旧用例子来说明：

1.例子

jsvar reg = /w/;
var str="zhufengpeixun";
alert(reg.exec(str));
//返回z。

2.例子

jsvar reg = /(w)(w)/;
var str="zhufengpeixun";
alert(reg.exec(str));

返回zh,z,h ,zh是整个正则匹配的内容，z是第一个括号里的子正则表达式匹配的内容，h是第二个括号匹配的内容。

3.例子

jsvar reg = /(w)1/;
var str="zhufengpeixun";
alert(reg.exec(str));

则会返回null。这里的“1”就叫做反向引用，它表示的是第一个括号内的子正则表达式匹配的内容。在上面的例子中，第一个括号里的(w)匹配了z，因此“1”就同样表示z了，在余下的字符串里自然找不到z了。与第二个例子对比就可以发现，“1”是等同于“第1个括号匹配的内容”，而不是“第一个括号的内容”。

jsvar reg = /(w)1/;
var str="bbs.zhufengpeixun.cn";
alert(reg.exec(str));

这个正则则会匹配到bb,b。同样，前面有几个子正则表达式我们就可以使用几个反向引用。例如：

jsvar reg = /(w)(w)21/;
var str="woow";
alert(reg.exec(str));

会匹配成功，因为第一个括号匹配到w，第二个括号匹配到o，而21则表示ow，恰好匹配了字符串的最后两个字符。

括号() ，表示子表达式，也叫分组

前面我们曾经讨论过一次括号的问题，见下面这个例子：

jsvar reg = /^(b|c).+/;
var str="bbs.blueidea.com";
alert(reg.exec(str));

这个正则是为了实现只匹配以b或者c开头的字符串，一直匹配到换行字符，但是。上面我们已经看到了，可以使用“1”来反向引用这个括号里的子正则表达式所匹配的内容。而且exec方法也会将这个字正则表达式的匹配结果保存到返回的结果中。
不记录子正则表达式的匹配结果[匹配不捕获]
使用形如(?:pattern)的正则就可以避免保存括号内的匹配结果。例如：

jsvar reg = /^(?:b|c).+/;
var str="bbs.blueidea.com";
alert(reg.exec(str));

可以看到返回的结果不再包括那个括号内的字正则表达式多匹配的内容。同理，反向引用也不好使了：

jsvar reg = /^(b|c)1/;
var str="bbs.zhufengpeixun.cn";
alert(reg.exec(str));

返回bb,b。bb是整个正则表达式匹配的内容，而b是第一个子正则表达式匹配的内容。

jsvar reg = /^(?:b|c)1/;
var str="bbs.zhufengpeixun.cn";
alert(reg.exec(str));

返回null。由于根本就没有记录括号内匹配的内容，自然没有办法反向引用了。
正向预查
形式：(?=pattern)所谓正向预查，意思就是：要匹配的字符串，后面必须紧跟着pattern！我们知道正则表达式/cainiao/会匹配cainiao。同样，也会匹配cainiao9中的cainiao。但是我们可能希望，cainiao只能匹配cainiao8中的cainiao。这时候就可以像下面这样写：/cainiao(?=8)/，看两个实例：

jsvar reg = /cainiao(?=8)/;
var  str="cainiao9";
alert(reg.exec(str));
//返回null。

jsvar reg = /cainiao(?=8)/;
var  str="cainiao8";
alert(reg.exec(str));

匹配cainiao。需要注意的是，括号里的内容并不参与真正的匹配，只是检查一下后面的字符是否符合要求而已，例如上面的正则，返回的是cainiao，而不是cainiao8。

再来看几个例子：

jsvar reg = /zhufeng(?=peixun)/;
var  str="zhufengpeixun";
alert(reg.exec(str));

匹配到zhufeng，而不是peixun。

jsvar reg = /zhufeng(?=peixun)/;
var str=’zhufengonline’;
alert(reg.exec(str));

返回null，因为zhufeng后面不是peixun。

jsvar reg = /zhufeng(?=peixun)/;
var str="onlinepeixun";
alert(reg.exec(str));

同样返回null。

?!

形式(?!pattern)和?=恰好相反，要求字符串的后面不能紧跟着某个pattern，还拿上面的例子：

jsvar reg = /zhufeng(?!js)/;
var str=`zhufengjs`;
alert(reg.exec(str));

返回null，因为正则要求，zhufeng的后面不能是js。

jsvar reg = /zhufeng(?!js)/;
var  str="zhufengpeixun";
alert(reg.exec(str));

则成功返回zhufeng。
匹配元字符
首先要搞清楚什么是元字符呢？我们之前用过*,+,?之类的符号，它们在正则表达式中都有一定的特殊含义，类似这些有特殊功能的字符都叫做元字符。例如

jsvar reg = /c*/;

表示有任意个c，但是如果我们真的想匹配c*这个字符串的时候怎么办呢？只要将*转义了就可以了，如下：

jsvar reg = /c*/;
var str="c*";
alert(reg.exec(str));

返回匹配的字符串：c*。

同理，要匹配其他元字符，只要在前面加上一个“”就可以了。
正则表达式的修饰符
全局匹配，修饰符g

形式：/pattern/g 例子：reg = /b/g; 后面再说这个g的作用。先看后面的两个修饰符。不区分大小写，修饰符i

形式：/pattern/i 例子：

jsvar reg = /b/;
var str = "BBS";
alert(reg.exec(str));

返回null，因为大小写不符合。

jsvar reg = /b/i;
var str = "BBS";
alert(reg.exec(str));

匹配到B，这个就是i修饰符的作用了。

行首行尾，修饰符m

形式：/pattern/m m修饰符的作用是修改^和$在正则表达式中的作用，让它们分别表示行首和行尾。例如：

jsvar reg = /^b/;
var str = "test
bbs";
alert(reg.exec(str));

匹配失败，因为字符串的开头没有b字符。但是加上m修饰符之后：

jsvar reg = /^b/m;
var str = "test
bbs";
alert(reg.exec(str));;

匹配到b，因为加了m修饰符之后，^已经表示行首，由于bbs在字符串第二行的行首，所以可以成功地匹配。
匹配固定的n个 c{n}
{1}表示一个的意思。/c{1}/只能匹配一个c，和/c/是一个意思，一般匹配只出现一次的字符，后边的{1}就不写了。/c{2}/则会匹配两个连续的c。以此类推, /c{n}/则会匹配n个连续的c。看下面的例子：

jsvar reg = /c{1}/;  
var str="china_zhufengpeixun";
alert(reg.exec(str));
//输出结果是：c

var reg = /o{2}/;  
var str="money";  
alert(reg.exec(str));
//返回结果`null`，表示没有匹配成功。

reg = /o{2}/;
str="good food";
alert(reg.exec(str))
//输出结果oo。（其实是第一组oo，不会匹配到第二组oo，因为正则的匹配是懒惰的，不加模式匹配符g，则表示只去匹配一次，匹配到了则返回并且停止。

如果写成

jsreg=/o{2}/g;
alert(str.match(reg))
//则输出oo,oo了

c{m,n} 匹配最少m个，最多n个
c{3,4}的意思是，连续的3个c或者4个c。例如:

jsreg = /o{3,4}/;// (匹配三到四个o)
str="good正则教程";
alert(reg.exec(str));

返回结果null，表示没有匹配成功。例：

jsreg = /o{3,4}/;
str="goood正则教程";
alert(reg.exec(str));

弹出结果是：ooo。例：

jsreg = /o{3,4}/;
str="very gooood正则教程";
alert(reg.exec(str));

输出的结果是：oooo，这表明正则会尽量多匹配，可3可4的时候它会选择多匹配一个。（这就是贪婪匹配）例：

jsreg = /c{3,4}/;
str="cccccTest";
alert(reg.exec(str));

仍然会匹配4个c。

由以上例子可以推断出：c{m,n}表示m到n个c，且m小于等于n。
c{n,}表示最少匹配n个c，最多不限制
c{1,}表示1个以上的c,相当于+。如下：

例：

jsreg = /c{1,}/;str="cainiao";
alert(reg.exec(str));
//结果弹出c。

例：

jsreg = /c{1,}/;
str="cccccTest";
alert(reg.exec(str));
//返回ccccc，再次说明了正则表达式会尽量多地匹配。

例：

jsreg = /c{2,}/;
str="cainiao";
alert(reg.exec(str));

结果返回null，c{2,}表示2个以上的c，而cainiao中只有1个c。

由以上例子可知，c{n,}表示最少n个c，最多则不限个数。

综合：*,+,?

*表示0次或者多次，等同于{0,}，即c* 和c{0,} 是一个意思。

+表示一次或者多次，等同于{1,}，即c+ 和c{1,} 是一个意思。

最后，?表示0次或者1次，等同于{0,1}，即c? 和c{0,1} 是一个意思。
贪心与非贪心【贪婪匹配和非贪婪匹配】
人都是贪婪的，正则也是如此。我们在例子reg = /c{3,4}/;str="ccccTest";的例子中已经看到了，能匹配四个的时候，正则绝对不会去匹配三个。上面所介绍的所有的正则都是这样，只要在合法的情况下，它们会尽量多去匹配字符，这就叫做贪心模式。如果我们希望正则尽量少地匹配字符，那么就可以在表示数字的符号后面加上一个?（即：问号加在量词的后边，则表示非贪婪匹配）。组成如下的形式：

js{n,}?, *?, +?, ??, {m,n}?

例：

jsreg = /c{1,}?/;
str="ccccc";
 alert(reg.exec(str));

返回的结果只有1个c，尽管有5个c可以匹配，但是由于正则表达式是非贪心模式，所以只会匹配一个。
/^开头,结尾$/ 【表示位置】
^表示只匹配字符串的开头。看下面的例子：

例1：

jsreg = /^c/;
str="维生素c";
alert(reg.exec(str));

结果为null，因为字符串‘维生素c’的开头并不是c，所以匹配失败。

例2：

jsreg = /^z/;
str="zhufengpeixun";
alert(reg.exec(str));;

这次则返回c，匹配成功，因为cainiao恰恰是以z开头的。

与^相反，$则只匹配字符串结尾的字符，同样，看例子：

例3：

jsreg = /z$/;
str="zhufengpeixun";
alert(reg.exec(str));

输出null，表示正则表达式没能在字符串的结尾找到z这个字符。

例4：

jsreg = /d$/;
str="正则教程good";
alert(reg.exec(str));

这次返回的结果是d，表明匹配成功。
元字符点’.’的用法
.会匹配字符串中除了换行符之外的所有字符，例如

jsreg = /./; //一个点表示匹配字符串中出现的第一个非换行符字符。
str="zhufengpeixun";
alert(reg.exec(str));;

结果显示，正则匹配到了字符z。

jsreg = /./;
str="online.zhufengpeixun";
alert(reg.exec(str));

这次是o，只要有一个是非换行字符，就表示匹配成功，就不会往下再继续了。

jsreg = /.+/;
str="zhufengpeixun_  前端开发权威培训";
alert(reg.exec(str));

结果是“zhufengpeixun_前端开发“也就是说所有的字符都被匹配掉了，包括一个空格，一个下滑线

【贪婪匹配】。

例1：

jsreg = /.+/;
str="online.zhufengpeixun.cn";  
alert(reg.exec(str));;

同样，直接返回整个字符串——online.zhufengpeixun.cn，可见”.”也匹配”.”本身。

例2：

jsreg = /^./; //这样表示必须以非换行符开始。
str="
zhufengpeixun";
alert(reg.exec(str));

结果是null，终于失败了，正则要求字符串的第一个字符不是换行，但是恰恰字符是以开始的。
“|“，正则表达式中的或，把“|”左右两边的一到多个字符当成一个整体对待
b|c表示，匹配b或者c（这里相当于[bc]）。ab|ac表示匹配ab或ac（但这里不相当于[abc]，[]表示在一组字符中任选一个）。

例1：

js/z|o/.exec("zhufengpeixun"))
//结果是z。

例2：

js/z|o/.exec("online");
//结果是o。

例3：

js/^z|o.+/.exec("online");
//匹配掉整个online。

例4：

js/^z|o.+/.exec("zhufengpeixun.cn");
//结果只有一个z，而不是整个字符串。因为上面正则表达式的意思是，匹配开头的z或者是o.+。

和括号结合使用
例：

js/^(z|o).+/.exec("zhufengpeixun");

这次的结果是整个串zhufengpeixun，加上上面的括号这后，这个正则的意思是，如果字符串的开头是z或者o，那么匹配开头的z或者o以及其后的所有的非换行字符。如果你也实验了的话，会发现返回的结果后面多出来一个“z“，这是()内的z|o所匹配的内容(这个叫分组或子正则)。我们在正则表达式内括号里写的内容会被认为是子正则表达式，所匹配的结果也会被记录下来供后面使用。我们暂且不去理会这个特性。

方括号的作用:[]

[abc]表示a或者b或者c中的任意一个字符。

例：

jsvar reg = /^[abc]/;
//这个有点像/^(a|b|c)/
str="bbs.zhufengpeixun.cn";
alert(reg.exec(str));;
//返回结果是b。

例：

jsreg = /^[abc]/;
str="test";
alert(reg.exec(str));
//这次的结果就是null了。

我们在字字符集合中使用如下的表示方式:[a-z],[A-Z],[0-9]，分别表示小写字母，大写字母，数字。例如：

jsreg = /^[a-zA-Z][a-zA-Z0-9_]+/;  
//后面这个其实这个就是元字符w表示的含意
str="test";
alert(reg.exec(str));
//结果是整个test，正则的意思是开头必须是英文字母，后面可以是英文字母或者数字以及下划线。

关于正则中的连续字符

在正则中/[0-9]/表示匹配字符从0到9中的任意一个，/[a-z]/表示匹配从a到z中的任意一个字母只要是在ASCII码表里连续出现的字符，都可以用这样的表示法。

请百度一下“ASCII码表”，参照里面字符出现的顺序和对应的16进制或10进制的编码。

比如var reg=/^[!-z]$/; 就会匹配从字符“!”开始，到字符“z”结束的任意一个字符。

jsvar reg=/^[!-z]$/;
alert(reg.test("8"));//true,
alert(reg.test("*"))//true,
alert(reg.test("}"))//false,因为"}"不在从！到z的这个范围内

正则/^[!-z]$/也可以用16进制来表示。如果用16进制表示，则需要用u开头，表示这是在以16进制的方式定义unicode字符，并且后边的16进制的编码要写成四位，不足4位的前边补0。则上边的那个正则，也可以写成

jsvar reg=/^[u0021-u007a]$/;
// 字符“！”对应的16进制编码是21，字符“z”的16进制编码是7a。

这种方式。中文是扩展的ASCII字符编码，匹配UTF8中文的正则是：/^[u4e00-u9fa5]+$/

php中utf-8编码下用正则表达式匹配汉字的正则是：/^[x{4e00}-x{9fa5}]+$/u

注意：写成[1-13]不是表示从数字1到数字13，而是表示从1到1和3，也就是1和3。因为正则里是在表示连续出现的字符，而不是数字。

反字符集合[^abc]

^在正则表达式开始部分的时候表示开头的意思，例如/^c/表示开头是c；但是在字符集和中，它表示的是类似“非“的意思，例如[^abc]就表示不能是a，b或者c中的任何一个。例如：

jsvar reg = /[^abc]/;
var str="blueidea";
alert(reg.exec(str));

返回的结果是l，因为它是第一个非abc的字符（即第一个b没有匹配）。同样：

例：

jsvar reg = /[^abc]/;
var str="cbazhufengpeixun";
alert(reg.exec(str));

输出z，前三个字符都是[abc]集合中的。由此我们可知：[^0-9]表示非数字，[^a-z]表示非小写字母，依次类推。
边界与非边界
表示的边界的意思，也就是说，只有字符串的开头和结尾才算数。例如/c/就表示字符串开始的c。看下面的例子：

js/c/.exec("cainiao");
//返回结果c。匹配到了左边界的c字符。

js/c/.exec("???c");
//仍然返回c，不过这次返回的是右侧边界的c。

js/c/.exec("bcb");
//这次匹配失败，因为bcb字符串中的c被夹在中间，既不在左边界也不再右边界。

与对应B表示非边界。例如：

js/Bc/.exec("bcb");
//这次会成功地匹配到bcb中的c，。然而

js/Bc/.exec("cainiao");
//则会返回null。因为B告诉正则，只匹配非边界的c。

数字与非数字
d表示数字的意思，相反，D表示非数字。

例：

js/d/.exec("cainiao8")
//返回的匹配结果为8，因为它是第一个数字字符。

例：

js/D/.exec("cainiao8");
//返回c，第一个非数字字符。

云服务器 GPU云服务器字符串正则表达式座机正则表达式 js js域名正则表达式 js类型正则表达式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91440.html

上一篇：JavaScript学习篇--本地存储

下一篇：JavaScript 学习语法结构

相关文章

正则与JS中的正则

摘要：注意本文将正则与中的正则分开讨论。正则零宽断言更多参考各种语言对于正则不同支持参考单行模式与多行模式通过设置正则表达式后的修饰符可开启对应的匹配模式单行模式和多行模式。最近这段时间帮同学处理一些文档，涉及到一些结构化文档的工作大部分都得使用正则表达式，之前对于正则的认识大多来源于语言书上那几页的介绍，自己也没有用过几次。这里将我之前感到模糊的概念作个整理。因为对JS了解多点，所...

firim 2019-08-19 17:11 评论0 收藏0

JS正则表达式一条龙讲解，从原理和语法到JS正则、ES6正则扩展，最后再到正则实践思路

摘要：控制权和传动这两个词可能在搜一些博文或者资料的时候会遇到，这里做一个解释先控制权是指哪一个正则子表达式可能为一个普通字符元字符或元字符序列组成在匹配字符串，那么控制权就在哪。温馨提示：文章很长很长，保持耐心，必要时可以跳着看，当然用来查也是不错的。正则啊，就像一座灯塔，当你在字符串的海洋不知所措的时候，总能给你一点思路；正则啊，就像一台验钞机，在你不知道用户提交的钞票真假的时候，...

Michael_Lin 2019-08-20 13:39 评论0 收藏0

JS中的正则表达式

摘要：构造函数可以有两个字符串参数，第一个参数包含正则表达式的主体部分。只读的布尔值，说明这个正则表达式是否带有修饰符。中正则的扩展构造函数在中，只能接受字符串作为参数，允许其直接接受正则表达式作为参数。上文传送门：初探正则表达式正则表达式是一个描述字符模式的对象，JavaScript 的 RegExp 类表示正则表达式，String 和 RegExp 都定义了方法，后者使用正则表达式进...

Soarkey 2019-08-22 17:17 评论0 收藏0

正则表达式

摘要：本文内容共正则表达式火拼系列正则表达式回溯法原理学习正则表达式，是需要懂点儿匹配原理的。正则表达式迷你书问世了让帮你生成和解析参数字符串最全正则表达式总结验证号手机号中文邮编身份证地址等是正则表达式的缩写，作用是对字符串执行模式匹配。 JS 的正则表达式正则表达式一种几乎可以在所有的程序设计语言里和所有的计算机平台上使用的文字处理工具。它可以用来查找特定的信息（搜索），也可以用来查...

bang590 2019-08-22 13:59 评论0 收藏0

JavaScript正则表达式总结

摘要：正则表达式一直是里比较难以掌握的点。在中创建正则的两种方式使用字面量这就是正则表达式的字面量语法，表示正则表达式的模式，为正则表达式的标志。字面量形式的正则表达式一般使用较多，也推荐大家尽可能使用这种形式，简洁易读，符合正常的使用习惯。正则表达式一直是js里比较难以掌握的点。看不懂，学不会，记不住。每次需要用到正则的时候，都需要再去查找资料。今天花时间把正则的知识点总结下，希望...

big_cat 2019-08-22 18:32 评论0 收藏0

发表评论

登陆后可评论

0条评论

CODING

男|高级讲师

我要关注我要私信

TA的文章
阅读更多

tab 切换下划线跟随实现

阅读 897·2019-08-30 15:54

ie 9 背景透明的空白元素无法点击

阅读 1466·2019-08-30 15:54

小程序开发中的那些小坑

阅读 2399·2019-08-29 16:25

文字在线中间，CSS巧妙实现分隔线的几种方法

阅读 1291·2019-08-29 15:24

前端实例练习 - 模态框

阅读 748·2019-08-29 12:11

TypeScript 初识 - 基础

阅读 2505·2019-08-26 10:43

【Vue原理】Compile - 源码版之从新建实例到 compile结束的主要流程

阅读 1226·2019-08-26 10:40

前端基础之(1) - js篇

阅读 465·2019-08-23 16:24

最新活动

资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

JS正则表达式元字符

例1：

例2：

例1：

例2：

例3：

例4：

方括号的作用:[]

关于正则中的连续字符

请百度一下“ASCII码表”，参照里面字符出现的顺序和对应的16进制或10进制的编码。

反字符集合[^abc]

相关文章

正则与JS中的正则

**JS正则表达式一条龙讲解，从原理和语法到JS正则、ES6正则扩展，最后再到正则实践思路**

JS中的正则表达式

正则表达式

**JavaScript正则表达式总结**

发表评论

0条评论

CODING

男|高级讲师

TA的文章

tab 切换下划线跟随实现

ie 9 背景透明的空白元素无法点击

小程序开发中的那些小坑

文字在线中间，CSS巧妙实现分隔线的几种方法

前端实例练习 - 模态框

TypeScript 初识 - 基础

【Vue原理】Compile - 源码版之从新建实例到 compile结束的主要流程

前端基础之(1) - js篇

最新活动