【小白笔记】js正则表达式

一、匹配符

\:指出接着的字符为特殊字符。

^:表示匹配的字符必须在最前边。

$:表示匹配的字符必须在最后边。

*:匹配*前面的字符0次或n次。

+:匹配+前面的字符1次或n次。

?:匹配?前面的字符0次或1次。

.:匹配除换行符外的所有单个的字符。

(x):匹配“x”并记录匹配的值。匹配子串能被结果数组中的素[1],...,[n]返回,或被RegExp对象的属性$1...$9返回。

x|y:匹配“x”或者“y”。

{n}:这里n是一个正整数。匹配前面的n个字符。

{n,}:这里n是一个正整数。匹配至少n个前面的字符。

{n,m}:这里n是一个正整数。匹配至少n个最多m个前面的字符。

[xyz]:字符列表,匹配列出的任意字符。可以通过连字符“-”指出一个字符范围。

[^xyz]:字符补集,匹配除了列出的字符外的所有东西。可以使用连字符“-”指出一个字符范围。

[\b]:匹配一个空格(与“\b”不同)。

\b:匹配一个单词的分界线,如一个空格(与“[\b]”不同)。

\B:匹配一个单词的非分界线。

\cX:X是一个控制字符。匹配一个字符串的控制字符。

\d:匹配一个数字,等价于“[0-9]”。

\D:匹配任何的非数字,等价于“/[^0-9]/”。

\f:匹配一个表单符。

\n:匹配一个换行符。

\r:匹配一个回车符。

\s:匹配一个单个white空格符,包括空格、tab、form feed、换行符,等价于“[\f\n\r\t\v]”。

\S:匹配一个制表符。

\t:匹配一个制表符。

\v:匹配一个顶头制表符。

\w:匹配所有的数字和字母以及下划线,等价于“/[A-Za-z0-9_]/”。

\W:匹配除数字、字母以及下划线外的其他字符,等价于“/[^$A-Za-z0-9_]/”。


二、创建RegExp

1、显示构造:new RegExp("pattern"[,"flags"]);

2、隐式构造:/pattern/[flags];

pattern:必填项,正则表达式模式;

flags:可选项,包括g、i、m。

1)g:全局标志。设置后,对文本执行搜索和替换时,对文本中所有匹配的部分起作用;未设置时,只搜索和替换最早匹配的内容。

2)i:忽略大小标志。设置后,匹配比较时,忽略大小写。

3)m:多行标志。设置后,“^”可与被搜索字符串中的“\n”或“\r”之后的位置(即下一行的行首)相匹配,“^”也可与被搜索字符串中的“\n”或“\r”之后的位置(即下一行的行尾)相匹配;未设置时,“^”只与被搜索字符串的开始位置相匹配,“$”也只与被搜索字符串的结束位置相匹配。


三、使用方法

rgExp:包含正则表达式模式和可用标志的正则表达式对象。

stringObj:要在其上进行查找的String对象或字符串文字。

str:要在其上进行查找的String对象或字符串文字。

1、rgExp.exec(str):如果未找到匹配,则返回null;如果找到匹配,则返回一个数组。若设置了全局标志,则以lastIndex的值指示的位置开始查找;若未设置全局标志,则从字符串的起始位置开始搜索。返回的数组包括input、index和lastIndex三个属性。input属性包含了整个被查找的字符串;index属性中包含了整个被查找字符串中被匹配的子字符串的位置;lastIndex属性中包含了匹配中最后一个字符的下一个位置。

2、rgExp.test(str):检查在字符串中是否存在相应的匹配。如果存在则返回true,否则返回false。

3、stringObj.match(rgExp):(与rgExp.exec(str)类似)如果未找到匹配,则返回null;如果找到匹配,则返回一个数组。返回的数组包括input、index和lastIndex三个属性。input属性包含了整个被查找的字符串;index属性中包含了整个被查找字符串中被匹配的子字符串的位置;lastIndex属性中包含了匹配中最后一个字符的下一个位置。

4、stringObj.search(rgExp):检查在字符串中是否存在相应的匹配。如果存在,则返回一个整数值,指明这个匹配距离字符串开始的偏移位置;如果没有,则返回-1。

5、relpace(rgExp.replaceText):rgExp为字符串时,不按正则表达式的方式进行模糊搜索,而进行精确搜索。replaceText为用于替换搜索到的内容的字符串,可以使用特殊的字符组合来表示匹配变量。其中,“$&”是整个表达式模式在被搜索字符串中所匹配的字符串;“$”是表达式模式在被搜索字符串中所匹配的字符串左边的所有内容;“$'”是表达式模式在被搜索字符串中所匹配的字符串右边的所有内容;“$$”则是普通意义的“$”字符。$1…$9分别是第1个到第9个子匹配所捕获到的内容,$01…$99分别是第1个到第99个子匹配所捕获到的内容,当$n和$nn(n为正整数)在表达式中没有对应的子匹配时,被解释成普通字符。

eg.字符串替换

var str = "aa12bb34cc56";

var ex = /(\d)(\d)/gi;

var str1 = str.replace(ex,"$2$1");

console.log(str1); //输出结果:aa21bb43cc65

6、split([separator[,limit]]):separator为分割标志符参数,可也为多个字符或一个正则表达式;limit为限制返回元素的个数。

eg.字符串分割

var arr = new Array();

var str = "How、are、you、!";

var ex = /、/;

arr = str.split(ex);

console.log(arr[i]); //输出结果:["How", "are", "you", "!"]


四、实际应用【转载来源】(有改动)

a.校验数字的表达式

1、数字:^[0-9]*$

2、n位的数字:^\d{n}$

3、至少n位的数字:^\d{n,}$

4、m-n位的数字:^\d{m,n}$

5、零和非零开头的数字:^(0|[1-9][0-9]*)$

6、非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$

7、带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$

8、正数、负数、和小数:^(\-|\+)?\d+(\.\d+)?$

9、有两位小数的正实数:^[0-9]+(.[0-9]{2})?$

10、有1~3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$

11、非零的正整数:^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?[1-9][0-9]*$

12、非零的负整数:^\-[1-9][]0-9"*$ 或 ^-[1-9]\d*$

13、非负整数:^\d+$ 或 ^[1-9]\d*|0$

14、非正整数:^-[1-9]\d*|0$ 或 ^((-\d+)|(0+))$

15、非负浮点数:^\d+(\.\d+)?$ 或 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$

16、非正浮点数:^((-\d+(\.\d+)?)|(0+(\.0+)?))$ 或 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$

17、正浮点数:^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$

18、负浮点数:^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$

19、浮点数:^(-?\d+)(\.\d+)?$ 或 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$

b.校验字符的表达式

1、汉字:^[\u4e00-\u9fa5]{0,}$

2、英文和数字:^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$

3、长度为3-20的所有字符:^.{3,20}$

4、由26个英文字母组成的字符串:^[A-Za-z]+$

5、由26个大写英文字母组成的字符串:^[A-Z]+$

6、由26个小写英文字母组成的字符串:^[a-z]+$

7、由数字和26个英文字母组成的字符串:^[A-Za-z0-9]+$

8、由数字、26个英文字母或者下划线组成的字符串:^\w+$ 或 ^\w{3,20}$

9、中文、英文、数字包括下划线:^[\u4E00-\u9FA5A-Za-z0-9_]+$

10、中文、英文、数字但不包括下划线等符号:^[\u4E00-\u9FA5A-Za-z0-9]+$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$

11、可以输入含有^%&',;=?$\"等字符:[^%&',;=?$\x22]+

12、禁止输入含有~的字符:[^~\x22]+

c.特殊需求表达式

1、Email地址:^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

2、域名:[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?

3、InternetURL:[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$

4、手机号码:^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$

5、电话号码("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX):^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$

6、国内电话号码(0511-4405222、021-87888822):\d{3}-\d{8}|\d{4}-\d{7}

7、身份证号(15位、18位数字):^\d{15}|\d{18}$

8、短身份证号码(数字、字母x结尾):^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$

9、帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$

10、密码(以字母开头,长度在6~18之间,只能包含字母、数字和下划线):^[a-zA-Z]\w{5,17}$

11、强密码(必须包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间):^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$

12、日期格式:^\d{4}-\d{1,2}-\d{1,2}

13、一年的12个月(01~09和1~12):^(0?[1-9]|1[0-2])$

14、一个月的31天(01~09和1~31):^((0?[1-9])|((1|2)[0-9])|30|31)$

15、钱的输入格式:

16、有四种钱的表示形式我们可以接受:"10000.00" 和 "10,000.00",和没有 "分" 的 "10000" 和 "10,000":^[1-9][0-9]*$

17、这表示任意一个不以0开头的数字,但是,这也意味着一个字符"0"不通过,所以我们采用下面的形式:^(0|[1-9][0-9]*)$

18、一个0或者一个不以0开头的数字.我们还可以允许开头有一个负号:^(0|-?[1-9][0-9]*)$

19、这表示一个0或者一个可能为负的开头不为0的数字.让用户以0开头好了.把负号的也去掉,因为钱总不能是负的吧.下面我们要加的是说明可能的小数部分:^[0-9]+(.[0-9]+)?$

20、必须说明的是,小数点后面至少应该有1位数,所以"10."是不通过的,但是 "10" 和 "10.2" 是通过的:^[0-9]+(.[0-9]{2})?$

21、这样我们规定小数点后面必须有两位,如果你认为太苛刻了,可以这样:^[0-9]+(.[0-9]{1,2})?$

22、这样就允许用户只写一位小数下面我们该考虑数字中的逗号了,我们可以这样:^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$

23、1到3个数字,后面跟着任意个逗号+3个数字,逗号成为可选,而不是必须:^([0-9]+|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$

24、备注:这就是最终结果了,别忘了"+"可以用"*"替代如果你觉得空字符串也可以接受的话(奇怪,为什么?)最后,别忘了在用函数时去掉去掉那个反斜杠,一般的错误都在这里

25、xml文件:^([a-zA-Z]+-?)+[a-zA-Z0-9]+\\.[x|X][m|M][l|L]$

26、中文字符的正则表达式:[\u4e00-\u9fa5]

27、双字节字符:[^\x00-\xff] (包括汉字在内,可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1))

28、空白行的正则表达式:n[s|]*r

29、HTML标记的正则表达式:<(.*)>.*</1>|<(.*)/>

30、首尾空白字符的正则表达式:(^s*)|(s*$)

31、腾讯QQ号:[1-9][0-9]{4,} (腾讯QQ号从10000开始)

32、中国邮政编码:[1-9]\d{5}(?!\d) (中国邮政编码为6位数字)

33、IP地址:\d+\.\d+\.\d+\.\d+ (提取IP地址时有用)

34、IP地址:((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,519评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,842评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,544评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,742评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,646评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,027评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,513评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,169评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,324评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,268评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,299评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,996评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,591评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,667评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,911评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,288评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,871评论 2 341

推荐阅读更多精彩内容

  • 文章转载地址: http://www.open-open.com/code/view/1430625516632 ...
    得起一个清新脱俗的名字阅读 2,154评论 1 3
  • 忘了从哪收集的资料了,放这儿,以备不时之需。 只能输入数字:"^[0-9]*$"。 只能输入n位的数字:"^\d{...
    study_monkey阅读 1,387评论 0 7
  • 一、校验数字的表达式 二、校验字符的表达式 三、特殊需求表达式 一.网络验证应用技巧 验证 E-mail格式 验证...
    丶legend阅读 1,354评论 0 22
  • 正则表达式到底是什么东西?字符是计算机软件处理文字时最基本的单位,可能是字母,数字,标点符号,空格,换行符,汉字等...
    狮子挽歌阅读 2,132评论 0 9
  • Java的正则表达式讲解:(为了能看清,本文正则表达式用中文的句号代替英文句点) 英文句点符号:匹配单个任意字符。...
    红姑娘阅读 4,292评论 0 2