正则表达式的模式匹配

用于模式匹配的 String 方法

String 支持 4 种使用正则表达式的方法

search()

参数为一个正则表达式,返回第一个与之匹配的子串的起始位置,如果找不到则返回 -1。

"JavaScript".search(/script/i); // => 4

如果 search()的参数不是正则表达式,则首先会通过 RegExp 构造函数将它转化成正则表达式,search()方法不支持全局搜索,他会忽略正则表达式参数的修饰符 g

replace()

用以执行检索与替换操作。第一个参数是正则表达式,第二个参数是要进行替换的字符串。这个方法对调用它的字符串进行检索,使用指定模式匹配。

  • 如果正则表达式设置修饰符 g,那么源字符串中所有与模式匹配的子串都会被第二个字符串替换;如果没有修饰符 g,只替换所匹配的第一个子串。
  • 如果 replace()的第一个参数是字符串,则直接搜索字符串,不再通过 RegExp()转换
//将所有不区分大小写的java都替换为Java
"JAVAscript and java".replace(/java/gi, "Java"); // => "Javascript and Java"

//一段引用文本起始于引号,结束与引号
let quote = /"([^"]*)"/g;
//用中文半角引号替换英文引号,同时要保持引号之间的内容(存储在$1中)没有被修改
`"javascript" and "java"`.replace(quote, "”$1“"); // => ”javascript“ and ”java“

replace()的第二个参数可以是函数,该函数能够动态地计算替换字符串

match()

唯一参数为正则表达式(或通过 RegExp()构造函数将及转换为正则表达式),返回的是一个由匹配结果组成的数组。

//正则表达式设置修饰符 g,返回的数组包含字符串中的所有匹配结果
`1 plus 2 equals 3`.match(/\d+/g); // =>  ["1", "2", "3"]

//不设置修饰符 g 不进行全局匹配,但任返回数组:数组的第一个元素是匹配的字符串,余下的元素是正则表达式中用圆括号括起来的子表达式
let url = /(\w+):\/\/([\w.]+)\/(\S*)/;
let text = "Visit my github at https://www.github.com/dingjinyang";
let result = text.match(url);
if (result) {
  console.log(result[0]); // => https://github.com/dingjinyang
  console.log(result[1]); // => https
  console.log(result[2]); // => www.github.com
  console.log(result[3]); // => dingjinyang
}

split()

将调用它的字符串拆分为一个子串组成的数组,分割符为 split()的参数

//参数为字符串
"1,2,3,4,5".split(","); // => ["1", "2", "3", "4", "5"]
//参数为正则表达式
"1,2,3,4,5".split(/\s*,\s*/); // => ["1", "2", "3", "4", "5"]

RegExp 对象

RegExp()构造函数带有两个字符串参数,第二个是可选的,RegExp()用以创建新的 RegExp 对象。

  • 第一个参数:包含正则表达式的主体部分,正则表达式直接量中两条斜线之间的文本

    无论是字符串还是正则表达式,都使用“\”作为转义字符的前缀。

  • 第二个参数(可选):指定正则表达式的修饰符,只能是“g”、“i”、“m”或者他们的组合
// 全局匹配字符串中的5个数字,使用“\\”转义“\”
new RegExp("\\d{5}", "g");
new RegExp(/\d{5}/, "g");

RegExp()构造函数一般在需要动态创建正则表达式时使用

RegExp 的属性

  • source:只读字符串,包含正则表达式的文本
  • global:只读布尔值,说明正则表达式是否带有修饰符 “g”
  • ignoreCase:只读布尔值,说明正则表达式是否带有修饰符 “i”
  • multiline:只读布尔值,说明正则表达式是否带有修饰符 “m”
  • lastIndex:可读/写整数,如果匹配模式带有“g”修饰符,这个属性存储在整个字符串中下一次检索的开始位置,该属性会被 exec()和 test()方法用到。
  • sticky:是否开启粘滞匹配,不常用,具体移步MDN

RegExp 的方法

exec()

唯一参数为字符串,对该字符串执行一个正则表达式,没有任何匹配返回 null,找到匹配则返回一个数组,数组的第一个元素是与正则表达式匹配的字符串,余下的元素是与圆括号括起来的子表达式匹配的子串。

除了数组元素和 length 属性之外,exec() 方法还返回两个属性。index 属性声明的是匹配文本的第一个字符的位置。input 属性则存放的是被检索的字符串 string。

lastIndex

只有正则表达式使用了表示全局检索的 “g” 标志时,该属性才会起作用。

  • 如果 lastIndex 大于字符串的长度,则 regexp.test 和 regexp.exec 将会匹配失败,然后 lastIndex 被设置为 0。
  • 如果 lastIndex 等于字符串的长度,且该正则表达式匹配空字符串,则该正则表达式匹配从 lastIndex 开始的字符串。
  • 如果 lastIndex 等于字符串的长度,且该正则表达式不匹配空字符串 ,则该正则表达式不匹配字符串,lastIndex 被设置为 0。
  • 否则,lastIndex 被设置为紧随最近一次成功匹配的下一个位置。

示例:

var re = /(hi)?/g;
console.log(re.exec("hi")); // => ["hi", "hi"]
console.log(re.lastIndex); // => 2
console.log(re.exec("hi")); // => ["", undefined] : lastIndex 为 2(且一直是 2),匹配字符串为空
console.log(re.lastIndex); // => 2
text()

参数为一个字符串,检测字符串是否包含一个匹配结果,返回之为布尔值。调用 test()和调用 exec()等价,lastIndex 处理机制相同。

var pattern = /java/i;
pattern.test("JavaScript"); // => true

一个全局模式下的正则表达式对多个字符串执行 exec()和 test()时,要注意 lastIndex 的值,根据需求决定是否需要显式的将其置 0。但在 ECMAScript 5 中,正则表达式直接量每次计算都会创建新的 RegExp 对象,则无需担心“残留”lastIndex 对程序造成的影响。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值