2020-03-19 正则的扩展

一.RegExp(regular expression 正则表达式) 构造函数

语法

ES5的两种声明方式
// 参数是字符串
var regex = new RegExp('xyz', 'i');//构造函数方式
var regex = /xyz/i //对象直接量方式
// 参数为正则表达式
var regex = new RegExp(/xyz/i)

ES6

// ES5不支持使用正则表达式声明后,在传入第二个参数。这种方式在ES6开始提供支持,后面声明的修饰符会覆盖第一个参数中的修饰符
var regex = new RegExp(/xyz/i, 'g')
修饰符

g:执行全局匹配

i:执行对大小写不敏感的匹配

m:执行多行匹配

3.用法

1.test() string中是否有匹配的字符串,有则返回true,没有返回false
var str = "abc";
var rg = /b/i;
console.log(rg.test(str)); //true
2.exec()

检索指定值,有则返回数组,没有则返回null

var str = "abcb";
var rg = /b/g;
console.log(rg.exec(str)); 
//["b",index: 1, input: "abcb"]
[匹配的字符串,匹配项在字符串中的位置,应用正则表达式的字符串]
3.match

检索指定值,若有匹配项,全局搜索时返回匹配项数组,一般搜索时返回也返回数组,格式与exec结果一样,没有则返回null

var str = "abcb";
var rg = /b/g;
console.log(str.match(rg)); //["b", "b"]

exec与match功能类似,但依旧有诸多区别:

1.如果正则中有g(全局搜索),match返回所有匹配的结果,而exec返回第一次匹配的结果

2.写法上顺序相反

3.exec返回第一次匹配的位置,匹配内容,所作用的字符串,match返回匹配的内容

4.如果没有g,只返回第一个匹配

4.search()

返回第一次匹配的位置

 var str = "abcb";
 var rg = /b/g;
 console.log(str.search(rg)); //1
5.replace()

替换匹配的字符串并返回新的字符串

var str = "abcb";
var rg = /b/g;
console.log(str.replace(rg, "1")); //a1c1

全局模式下全部替换,其他情况下替换第一个,原字符串不发生改变!

6.compile()

用于改变正则表达式

语法:rg.compile(regexp, modifier)

regexp新的正则表达式;

modifier新的模式 "g"全局检索; "i"不区分大小写; "gi"不区分大小写且全局检索;

var str = "abc12456def45646ghi";
var regExp = new RegExp("[a-z]+");
console.log( regExp.exec(str) ); // abc

+是限定符, 加号表示它前面的表达式尽可能的多匹配,至少匹配1次,相当于 {1, }
var regExp = new RegExp('[a-z]','g');//a


// 更改regExp的正则表达式模式,并进行编译
// 这与下列语句的作用是相同的:regExp = /\d+/;
regExp.compile("\\d+");  // \d :数字  \在引号中需要转义,\d会变成d,再加一个反斜杠
console.log( regExp.exec(str) ); // 12456
7.split()

将字符串分割为字符串数组

语法:string.split(string/regexpobj, howmany)

可根据字符串或者正则进行分割,howmany选填,用于规定数组大小,为空时全部分割


var rg=new RegExp("e", "g");   
console.log(("The best things in life are free").split(rg));
//["Th", " b", "st things in lif", " ar", " fr", "", ""]

console.log('The best things in life are free'.split(rg,2))
// ["Th", " b"]

正则表达式

1.两种模糊匹配

精确匹配 var regex = /hello/;
1.1横向模糊匹配
横向模糊指的是,一个正则可匹配的字符串的长度不是固定的,可以是多种情况的

其实现的方式是使用量词。譬如{m,n},表示连续出现最少m次,最多n次。{m,} 表示至少出现m次。{m} 等价于{m,m},表示出现m次。
比如/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"]

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"]

2.字符组

2.1 范围表示法
如果字符组里的字符特别多的话,可以使用范围表示法。

[123456abcdefGHIJKLM],可以写成[1-6a-fG-M]。用连字符-来省略和简写。
如果要匹配-,[-az]或[az-]或[a-z]
不能写成[a-z],因为其表示小写字符中的任何一个字符

2.2 排除字符组
排除字符组(反义字符组)的概念

某位字符可以是任何东西,但就不能是"a"、"b"、"c"。
例如
[^abc] //表示是一个除"a"、"b"、"c"之外的任意一个字符。字符组的第一位放^(脱字符),表示求反的概念

2.3 常见的简写形式

\d就是[0-9]。表示是一位数字。记忆方式:其英文是digit(数字)。
\D就是[^0-9]。表示除数字外的任意字符。
\w就是[0-9a-zA-Z_]。表示数字、大小写字母和下划线。记忆方式:w是word的简写,也称单词字符。
\W是[^0-9a-zA-Z_]。非单词字符。
\s是[ \t\v\n\r\f]。表示空白符,包括空格、水平制表符、垂直制表符、换行符、回车符、换页符。记忆方式:s是space character的首字母。
\S是[^ \t\v\n\r\f]。 非空白符。
.就是[^\n\r\u2028\u2029]。通配符,表示几乎任意字符。换行符、回车符、行分隔符和段分隔符除外。记忆方式:想想省略号...中的每个点,都可以理解成占位符,表示任何类似的东西。

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

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,226评论 0 4
  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,046评论 0 1
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,168评论 0 3
  • 前言 对于正则,著称火星文字,见名知意主要它晦涩难懂,一直以来,看到它总是怕怕的,在平时,也只是简单的用用,其主要...
    itclanCoder阅读 764评论 0 2
  • 概述 正则表达式(regular expression)是一种表达文本模式(即字符串结构)的方法,有点像字符串的模...
    许先生__阅读 271评论 0 1