正则笔记

正则生成

  1. 调用RegExp对象的构造函数
var reg = new RegExp('^[a-z]$', 'gi')
  1. 使用正则表达式字面值,将匹配模式封闭在两个斜杠中
var reg = /^[a-z]$/gi

正则的组成

正则组成

标示字符

标示字符

限定符

限定符

转义字符

* + ? | \ / { [ ( ) ] }^ $ . 这些字符匹配本身需要转义
匹配问号: \?        /a\?b/.test('a?b');
匹配星号:  \*        /a\*b/.test(’a*b');

正则实例

test():

接受一个字符串参数,如果正则表达式与指定的字符串匹配返回 true 否则返回 false;示例:/javascript/.test('hello,javascript');

exec():

接受一个字符串为参数,返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null;

示例:

var str = "a and b and c";
var reg = /(a and )?(b and )?c/;
reg.exec(str);

结果打印
有g,test指针移动

正则的相关方法

search()

接受参数可以是被检索字符串中的子串,也可以是需要检索的 RegExp 对象, 返回被检索的字符串中第一个与正则表达式相匹配的子串的起始位置,否则返回-1;

'hello,javascript'.search('javascript'); //6
'hello,javascript'.search(/javascript/); //6
'hello,javascript,javascript'.search(/javascript/g);  //6

1. xxsearch() 方法不执行全局匹配,它将忽略标志 g;
2. 它同时忽略 regexp 的 lastIndex 属性;
3. 总是从字符串的开始进行检索;

match()

接受参数可以是被检索字符串中的子串,也可以是需要检索的 RegExp 对象, 返回存放匹配结果的数组,如果没有找到则返回null,(该数组的内容依赖于 regexp 是否具有全局标志 g);

'hello,javascript'.match('javascript');
'hello,javascript'.match(/javascript/);
  1. 如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配;
  2. 如果 regexp 具有标志 g,则 match() 方法将执行全局检索,找到被检索字符串中的所有匹配的子串,它的数组元素中存放的是被检索字符串中所有的匹配的子串,而且也没有 index 属性或 input 属性;
var str = “a and b and c”;
var reg = /(a and )?(b and )?c/; str.match(reg);
标识符有g
var str = "a and b and c"; 
var reg = /(a and )?(b and )?c/g; str.match(reg);
标识符没g

replace()

接受两个参数,第一个是要被替换的文本,可以是正则也可以是字符串。第二个是替换成的文本,可以是字符串或者函数,字符串可以使用一些特殊的变量来替代前面捕获到的子串;

'hello,javascript'.replace('javascript', 'nodeJs'); 
'hello,javascript'.replace(/javascript/, 'nodeJs');       
'javascript nodeJs'.replace(/(\w+)\s(\w+)/, '$2 $1');

replace()中 $用法

replace()中 $用法

replace()中参数

replace()中参数
结果

split()

接受两个参数,返回一个数组。第一个是用来分割字符串的字符或者正则,如果是空字符串则会将元字符串中的每个字符以数组形式返回,第二个参数可选作为限制分割多少个字符,也是返回的数组的长度限制。

'hello,javascript'.split(','); //["hello", "javascript"]
'hello,javascript'.split(/,/);    //["hello", "javascript"]
'hello,javascript'.split(/,/, 1); //["hello"]
'hello,javascript'.split(/(,)/);  //["hello", ",", "javascript"]

用捕获括号的时候会将匹配结果也包含在返回的数组中

正则匹配

精确匹配

/hello/.test('hello');

模糊匹配

"123 1234 12345 123456".match(/\d{2,5}/g);  //["123", "1234", "12345", "12345"]
"a0b a1b a2b a3b a4b".match(/a[123]b/g);   // ["a1b", "a2b", "a3b"]

排除字符

'baby,back,bad,good'.match(/\b([^b,]\w+)\b/g)

分支匹配

分支结构是惰性的,即当前面的匹配上了,后面的就不再尝试了

'beacher'.match(/beach|beacher/g); //beach 

分组匹配

使用括号来提供分组功能

"ab abb abab".match(/(ab)+/g);  //["ab", "ab", "abab"]

分组引用

"2017-06-12".replace(/(\d{4})-(\d{2})-(\d{2})/,  "$2/$3/$1")

反向应用

可以在正则本身里引用分组。但只能引用之前出现的分组,即反向引用

var a = “2017-06-12”;
var b = “2017/06/12”;
var c = “2017.06.12”;
/\d{4}(-|\/|\.)\d{2}\1\d{2}/.test(a);
  1. 括号嵌套以左开括号为准;'1231231233'.match(/^((\d)(\d(\d)))\1\2\3\4$/)
  2. 引用不存在的分组,正则不会报错,只是匹配反向引用的字符本身;
  3. 反向分组后面有量词的话,反向分组最终捕获到的数据是最后一次的匹配; var reg = /(\d)+ \1/;"12345 1".match(reg);
反向应用
反向应用

位置匹配

"hello".replace(/^|$/g, '#');      // #hello#
"hello".replace(/\b/, '#');          //#hello
"hello".replace(/(?=l)/g, '#')      //he#l#lo
"hello".replace(/(?!l)/g, '#')       //#h#ell#o#

贪婪模式

'a123bbb'.match(/a.*b/g);  //["a123bbb"]
'123456'.match(/\d+/g);   //["123456"]

非贪婪模式

在限定符后面直接加上一个问号?就是非贪婪模式

'a123bbb'.match(/a.*?b/g);     //["a123b"]
'123456'.match(/\d+?/g);      //["1", "2", "3", "4", "5", "6"]

捕获分组

以小括号()来实现,捕获性分组工作模式()会把每个分组里匹配的值保存起来

/([a-z]+)(\d+)/.exec('a133');     // ["a133", "a", "133", index: 0, input: "a133”]

非捕获分组

分组(?:)会作为匹配校验,并出现在匹配结果字符里面,但不作为子匹配返回

/(?:[a-z]+)(?:\d+)/.exec('a133');  // ["a133", index: 0, input: "a133”]

常用正则

1、匹配汉字:^[\u4e00-\u9fa5]{0,}$
2、Email地址:^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
3、日期格式:^\d{4}-\d{1,2}-\d{1,2}

4、时间:/^(0?[0-9]|1[0-9]|[2][0-3]):(0?[0-9]|[1-5][0-9])$/ 
5、一年的12个月(01~09和1~12):^(0?[1-9]|1[0-2])$
6、一个月的31天(01~09和1~31):^((0?[1-9])|((1|2)[0-9])|30|31)$
7、中国邮政编码:[1-9]\d{5}(?!\d)
8、IP地址:((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))

9、匹配id: '<div id="container" class="main"></div>’.match(/id="[^"]*"/ );

10、格式化货币:function format (num) { return 
num.toFixed(2).replace(/\B(?=(\d{3})+\b)/, ",").replace(/^/, "$$ "); }; 

11、去掉左右空格: '    javascript   '.replace(/^\s+|\s+$/g, ''); 

12、每个单词的首字母转换为大写 : function format(str) { return str.toLowerCase().replace(/(?:^|\s)\w/g, function (c) { return c.toUpperCase(); }); } 

13、匹配标签: "aaa<title>hello</title>" .match(/<([^>]+)>[\d\D]*<\/\1>/)

14、身份证号码:/^(\d{15}|\d{17}[\dxX])$/

正则回溯

'"abc"de'.match(/".*"/)
回溯过程

不回溯

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

推荐阅读更多精彩内容