问个问题
一、(RegExp.$_)、(RegExp["$&"])是什么意思呢?
二、我们经常看到的(RegExp.$1)又代表什么呢?
假如看了上面两个问题,你不清楚是什么意思,没有关系,这篇文章主要是讲这些正则表达式构造函数属性的。其中第一个问题符号代表正则表达式构造函数属性的简写。第二个是用于储存捕获组的构造函数属性。
正则RegExp构造函数属性
关于属性的定义,我在这里在重新提一下:
input (简写为$_) 最近一次要匹配的字符串。
lastMatch(简写$&) 最近一次的匹配项
lastParen(简写$+) 最近一次匹配的捕获组。
leftContext(简写$`) input字符串中lastMatch之前的文本
rightContext(简写$') input字符串中lastMatch之后的文本
multiline(简写$*) 布尔值,表示是否所有表达式都使用多行模式。
举例说明
看定义太痛苦了,我们还是举个例子来看下。
var text ="you are in haorooms 博客,看文章呢";
var pattern =/(.)aorooms/g;
if(pattern.test(text)){
console.log(RegExp.$_); //you are in haorooms 博客,看文章呢
console.log(RegExp["$`"]);//you are in
console.log(RegExp["$'"]);//博客,看文章呢
console.log(RegExp["$&"]);//haorooms
console.log(RegExp["$+"]);//h
console.log(RegExp["$*"]);//false
}
当然,也可以不用简写。(有些属性有浏览器兼容问题,Opera和部分IE不支持)。
另外一个问题,大家也看到了,有的我是用“.”有的是用[],其实作用是一样的。当中文或者特殊符号的时候,我们通常用[]。
存储捕获组的构造函数属性
这些属性的语法是(RegExp.$1,RegExp.$2,RegExp.$3,RegExp.$4,RegExp.$5,RegExp.$6,RegExp.$7,RegExp.$8,RegExp.$9),一共有9个。官方的解释是,这些可以捕获组的字符串的自动填充。其实,说简单的,就是可以获得()括号内匹配的字符串。
例子:
var text ="you are in haorooms 博客,看文章呢";
var pattern =/(.)ao(..)om(.)/g;
if(pattern.test(text)){
console.log(RegExp.$1);//h
console.log(RegExp.$2);//ro
console.log(RegExp.$3);//s
}
案例1 test方法测试
//test方法,测试字符串,符合模式时返回true,否则返回false
var re = /he/;//最简单的正则表达式,将匹配he这个单词
var str = "he";
console.log(re.test(str));//true
str = "we";
console.log(re.test(str));//false
str = "HE";
console.log(re.test(str));//false,大写,如果要大小写都匹配可以指定i标志(i是ignoreCase或case-insensitive的表示)
re = /he/i;
console.log(re.test(str));//true
str = "Certainly!He loves her!";
console.log(re.test(str));//true,只要包含he(HE)就符合,如果要只是he或HE,不能有其它字符,则可使用^和$
re = /^he/i;//脱字符(^)代表字符开始位置
console.log(re.test(str));//false,因为he不在str最开始
str = "He is a good boy!";
console.log(re.test(str));//true,He是字符开始位置,还需要使用$
re = /^he$/i;//$表示字符结束位置
console.log(re.test(str));//false
str = "He";
console.log(re.test(str));//true
//当然,这样不能发现正则表达式有多强大,因为我们完全可以在上面的例子中使用==或indexOf
re = /\s/;// \s匹配任何空白字符,包括空格、制表符、换页符等等
str= "user Name";//用户名包含空格
console.log(re.test(str));//true
str = "user Name";//用户名包含制表符
console.log(re.test(str));//true
re=/^[a-z]/i;//[]匹配指定范围内的任意字符,这里将匹配英文字母,不区分大小写
str="variableName";//变量名必须以字母开头
console.log(re.test(str));//true
str="123abc";
console.log(re.test(str));//false
案例2 exec测试
var haoVersion = "Haorooms 8";//其中的8表示系统主版本号
var re = /^[a-z]+\s+\d+$/i; //+号表示字符至少要出现1次,\s表示空白字符,\d表示一个数字
console.log(re.test(haoVersion));//true,但我们想知道主版本号
//另一个方法exec,返回一个数组,数组的第一个元素为完整的匹配内容
re=/^[a-z]+\s+\d+$/i;
arr = re.exec(haoVersion);
console.log(arr[0]);//将haoVersion完整输出,因为整个字符串刚好匹配re
//我只需要取出数字
re=/\d+/;
var arr = re.exec(haoVersion);
console.log(arr[0]);//8
//exec返回的数组第1到n元素中包含的是匹配中出现的任意一个子匹配
re=/^[a-z]+\s+(\d+)$/i;//用()来创建子匹配
arr =re.exec(haoVersion);
console.log(arr[0]);//整个haoVersion,也就是正则表达式的完整匹配
console.log(arr[1]);//8,第一个子匹配,事实也可以这样取出主版本号
console.log(arr.length);//2
haoVersion = "Haorooms 8.10";//取出主版本号和次版本号
re = /^[a-z]+\s+(\d+)\.(\d+)$/i;//.是正则表达式元字符之一,若要用它的字面意义须转义
arr = re.exec(haoVersion);
console.log(arr[0]);//完整的haoVersion
console.log(arr[1]);//8
console.log(arr[2]);//10
案例3 String对象的一些和正则表达式有关的方法
1、关于replace,我之前的一片博客专门写了。还可以传参数。
2、其他操作
//replace方法,用于替换字符串
var str ="some money";
console.log(str.replace("some","much"));//much money
//replace的第一个参数可以为正则表达式
var re = /\s/;//空白字符
console.log(str.replace(re,"%"));//some%money
//在不知道字符串中有多少空白字符时,正则表达式极为方便
str ="some some \tsome\t\f";
re = /\s+/;
console.log(str.replace(re,"#"));//但这样只会将第一次出现的一堆空白字符替换掉
//因为一个正则表达式只能进行一次匹配,\s+匹配了第一个空格后就退出了
re = /\s+/g;//g,全局标志,将使正则表达式匹配整个字符串
console.log(str.replace(re,"@"));//some@some@some@
//另一个与之相似的是split
var str = "a-bd-c";
var arr = str.split("-");//返回["a","bd","c"]
//如果str是用户输入的,他可能输入a-bd-c也可能输入a bd c或a_bd_c,但不会是abdc(这样就说他输错了)
str = "a_db-c";//用户以他喜欢的方式加分隔符s
re=/[^a-z]/i;//前面我们说^表示字符开始,但在[]里它表示一个负字符集
//匹配任何不在指定范围内的任意字符,这里将匹配除字母处的所有字符
arr = str.split(re);//仍返回["a","bd","c"];
//在字符串中查找时我们常用indexOf,与之对应用于正则查找的方法是search
str = "My age is 18.Golden age!";//年龄不是一定的,我们用indexOf不能查找它的位置
re = /\d+/;
console.log(str.search(re));//返回查找到的字符串开始下标10
//注意,因为查找本身就是出现第一次就立即返回,所以无需在search时使用g标志
//下面的代码虽然不出错,但g标志是多余的
re=/\d+/g;
console.log(str.search(re));//仍然是10
var str = "My name is CJ.Hello everyone!";
var re = /[A-Z]/;//匹配所有大写字母
var arr = str.match(re);//返回数组
console.log(arr);//数组中只会包含一个M,因为我们没有使用全局匹配
re = /[A-Z]/g;
arr = str.match(re);
console.log(arr);//M,C,J,H
//从字符串中抽取单词
re = /\b[a-z]*\b/gi;//\b表示单词边界
str = "one two three four";
console.log(str.match(re));//one,two,three,four
案例4 RegExp对象实例的一些属性
var re = /[a-z]/i;
console.log(re.source);//将[a-z]字符串输出
//请注意,直接console.log(re)会将正则表达式连同前向斜线与标志输出,这是re.toString方法定义的
var re = /[A-Z]/;
//exec方法执行后,修改了re的lastIndex属性,
var str = "Hello,World!!!";
var arr = re.exec(str);
console.log(re.lastIndex);//0,因为没有设置全局标志
re = /[A-Z]/g;
arr = re.exec(str);
console.log(re.lastIndex);//1
arr = re.exec(str);
console.log(re.lastIndex);//7
var re = /[A-Z]/;
var str = "Hello,World!!!";
re.lastIndex = 120;
var arr = re.exec(str);
console.log(re.lastIndex);//0
案例5 RegExp对象的静态属性
//input 最后用于匹配的字符串(传递给test,exec方法的字符串)
var re = /[A-Z]/;
var str = "Hello,World!!!";
var arr = re.exec(str);
console.log(RegExp.input);//Hello,World!!!
re.exec("tempstr");
console.log(RegExp.input);//仍然是Hello,World!!!,因为tempstr不匹配
//lastMatch 最后匹配的字符
re = /[a-z]/g;
str = "hi";
re.test(str);
console.log(RegExp.lastMatch);//h
re.test(str);
console.log(RegExp["$&"]);//i ,$&是lastMatch的短名字,但由于它不是合法变量名,所以要。。
//lastParen 最后匹配的分组
re = /[a-z](\d+)/gi;
str = "Class1 Class2 Class3";
re.test(str);
console.log(RegExp.lastParen);//1
re.test(str);
console.log(RegExp["$+"]);//2
//leftContext 返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符
//rigthContext 返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符
re = /[A-Z]/g;
str = "123ABC456";
re.test(str);
console.log(RegExp.leftContext);//123
console.log(RegExp.rightContext);//BC456
re.test(str);
console.log(RegExp["$`"]);//123A
console.log(RegExp["$'"]);//C456
案例6 使用RegExp构造函数注意点
var str = "\?";
console.log(str);//只会输出?
var re = /\?/;//将匹配?
console.log(re.test(str));//true
re = new RegExp("\?");//出错,因为字符串里面\是转义字符\?相当于?要得到\?,就要\\?
re = new RegExp("\\?");//正确,将匹配?
console.log(re.test(str));//true
在正则表达式中使用特殊字符
//ASCII方式用十六进制数来表示特殊字符
var re = /^\x43\x4A$/;//将匹配CJ
console.log(re.test("CJ"));//true
//也可使用八进制方式
re = /^\103\112$/;//将匹配CJ
console.log(re.test("CJ"));//true
//还可以使用Unicode编码
re =/^\u0043\u004A$/;//使用 Unicode,必须使用u开头,接着是字符编码的四位16进制表现形式
console.log(re.test("CJ"));
关于正则RegExp构造函数属性就先说到这里。有问题可以留言交流哦!