JavaScript学习笔记8_正则表达式_1模式匹配

正则表达式匹配规则传送门

1.用于匹配的String方法

String支持4种使用正则表达式的方法。search()、replace()、match()、split()

search()

检索正则表达式匹配的字符串第一次出现的位置。

  • 方法参数:参数是一个正则表达式,如果传递的参数不是正则表达式,首先会通过RegExp将参数转为正则表达式。
  • 返回值:返回第一个与参数匹配的子串的位置,如果不匹配返回-1。
    注意:该方法不支持全局检索(匹配),会忽略全局修饰符g。
'JavaScript'.search(/script/i) // 4 不区分大小写

replace()

字符串替换。

  • 方法参数:第一个参数是一个正则表达式,第二个参数是要进行替换的字符串。
    返回值:替换后的新字符串。
    注意:如果第一个参数不是正则表达式,方法不会将其转换为正则表达式。如果正则表达式设置了全局修饰符g,则替换所有匹配的字串;如果没有g,则只替换第一个匹配的子串。
    分组和引用字符知识点传送门
var s = 'JavaScript Script'
var s1 = s.replace(/(script)/i, '$1s') // $1为匹配到分组的子串引用
var s2 = s.replace(/(script)/ig, '$1s') // 全局匹配
s2 // JavaScripts Scripts
s1 // JavaScripts Script
s  // JavaScript Script

match()

查找找到一个或多个正则表达式的匹配项。

  • 方法参数:正则表达式,如果参数不是正则表达式,方法首先会通过RegExp转为正则表达式。
  • 返回值:匹配项数组。
    注意:
    1.如果正则表达式设置了全局修饰符g,会返回包含所有匹配项的数组。
    2.如果没有设置g,只检索第1个匹配,也返回一个数组。数组的第1个元素是匹配到的子串,其他的元素则是正则表达式中分组的子表达式匹配。如返回数组arr,arr[0]是匹配信息,arr[1]是与第一个分组相匹配的子串,以此类推。因此a[1]与上面replace方法的例子中$1的内容一致。
'JavaScript Script'.match(/(script)/gi) // [ 'Script', 'Script' ]
'JavaScript Script'.match(/(script)/i) // ['Script', 'Script', index: 4, input: 'JavaScript Script', groups: undefined]

split()

使用指定的分隔符将字符串分割为字符串数组。

  • 方法参数:第一个参数可选,字符串或正则表达式。第二个参数可选,该参数可指定返回的数组的最大长度,超出该长度的子串被忽略掉。
  • 返回值:数组。
'abcdecttczz'.split('c') // [ 'ab', 'de', 'tt', 'zz' ]
'abcdecttczz'.split('c', 2) // [ 'ab', 'de' ]
'1, 2, 3, 4, 5, 6'.split('\s+,\s+') // [ '1, 2, 3, 4, 5, 6' ]

2.RegExp对象

RegExp()构造函数

使用RegExp()构造函数可以创建正则表达式对象。在需要动态创建正则表达式的时候,RegExp()构造函数非常有用。

  • 参数1:必须,字符串类型,包含了正则表达式的主体部分。注意:由于在字符串中'\'代表转义字符的前缀,因此在正则表达式中需要将'\'替换成'\\'。如:/\d+/ ===> new RegExp('\\d+')
  • 参数2:可选,字符串类型,用来指定正则表达式的修饰符(g、i、m)。
var pattern = new RegExp('\\d+', 'gi')
// 动态创建正则表达式。
var name = 'harry' 
var p = new RegExp(name, 'gi') // 在正则表达式字面量中无法直接使用变量。

RegExp的属性

source属性

只读属性,包含正则表达式文本的字符串。

/\d{5,}/.source     // \d{5,}
global属性

只读属性,正则表达式是否带有修饰符g的布尔值。

/\d{5,}/g.global     // true
/\d{5,}/.global     // false
ignoreCase属性

只读属性,正则表达式是否带有修饰符i的布尔值。

/\d{5,}/i.ignoreCase属性     // true
/\d{5,}/.ignoreCase属性     // false
multiline属性

只读属性,正则表达式是否带有修饰符m的布尔值。

/\d{5,}/m.multiline属性     // true
/\d{5,}/.multiline属性     // false
lastIndex

可读/写的整数。如果正则表达式带有修饰符g,这个属性存储在整个字符串中下一次检索的开始位置。该属性会被exec()和test()用到。

RegExp方法

exec()

执行模式匹配。在给定的字符串中执行匹配检索,

  • 参数:(待匹配的)字符串。
  • 返回值:没有匹配,返回null;匹配到,返回一个数组。数组的第一个元素是与整个正则表达式相匹配的字符串,剩余的元素是与子表达式相匹配的子串。数组的属性index是发生匹配的字符位置,属性input是正在检索的字符串(方法的参数)。
  • 注意:不管是否具有修饰符g,exec()都会返回数组。包含g时,exec()会把当前正则表达式对象的lastIndex属性设置为相匹配字符串的后一个字符位置,当同一个表达式再次调用exce()方法时,从lastIndex属性所指示的字符开始检索。如果没有匹配,lastIndex为0。
var pattern = /java/gi
var text = 'JavaScript C C++ C# Java'
pattern.exec(text)  // ['Java', index: 0, input: 'JavaScript C C++ C# Java', groups: undefined]
pattern.lastIndex   // 4
pattern.exec(text)  // ['Java', index: 20, input: 'JavaScript C C++ C# Java', groups: undefined]
pattern.lastIndex   // 24
pattern.exec(text)  // null
pattern.lastIndex   // 0

test()

对字符串进行检测,如果匹配到,返回true,否则返回false

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