本文详细解析JavaScript中正则表达式的五个核心函数:replace用于字符串替换,test用于布尔值匹配检测,match返回匹配数组,search定位首个匹配位置,exec执行单次匹配并返回子组。通过具体代码示例,涵盖邮箱合法性校验、全局匹配及手机号提取等常见场景,帮助开发者掌握正则在JS中的实际应用。
replace函数:字符串替换与全局匹配
一、JS正则表达式之replace函数用法:
该函数的主要功能是返回一个经过正则表达式替换处理后的新字符串副本。
函数调用格式为:stringObj.replace(rgExp, replaceText)
参数说明包括:字符串stringObj、正则表达式rgExp以及替换内容replaceText。 本部分涉及字符串对象的创建、正则表达式的隐式与显式创建,以及replace方法的匹配使用。 示例代码:
<html>
<script language="javascript" type="text/javascript">
//要替换的字符串的内容
var objStr=new String("Designed By Androidyue");
//隐式创建正则表达式对象
var reG=/e/w?/g;//全局匹配(g为全局匹配参数),匹配e或者e?内容
var re=/e/w?/;//没有指定参数,值进行一次匹配
with(document){
write("进行匹配前的字符串"+objStr+"<br>");
write("进行了全局匹配的字符串"+objStr.replace(reG,"**")+"<br>");
write("进行匹配,没有指定参数值进行一次匹配"+objStr.replace(re,"××"));
}
</script>
</html>
test函数:布尔值匹配与邮箱验证
二、JS正则表达式之test函数用法
功能介绍:该方法返回一个布尔值,用于判断字符串中是否存在与正则表达式匹配的内容。若存在匹配项则返回true,否则返回false。此方法常用于验证用户输入数据的合法性,例如检验Email地址的格式是否合规。
基本语法:
objReg.test(objStr) objReg 必选项,RegExp对象名称 objStr 要进行匹配检测的字符串 示例代码:
<html>
<script language="javascript" type="text/javascript">
/*Designed By Androidyue*/
/*
功能:检测Email地址的合法性
*/
function checkEmail(){
//获取文本框中用户输入Email的信息
var objStr=document.getElementById("email").value;
//设置匹配Email的正则表达式
var objReg=//w+[@]{1}/w+[.]/w+/;
//document.write(objStr);
//如果判断字符串中是否存在匹配内容,如果存在提示正确信息,否则返回错误
if(objReg.test(objStr)){
alert("该Email地址是合法的!");
}else{
alert("该Email地址是非法的!");
}
}
</script>
<body>
请输入Email地址:
<input type="text" id="email"><!--设置Email输入框-->
<input type="button" value="检测合法性" onclick="checkEmail()"><!--设置按钮用于出发检测Email合法性事件-->
</body>
</html>
match函数:返回匹配结果数组
三、JS正则表达式之match函数用法
函数功能:使用正则表达式模式对字符串执行查找,并将包含查找结果的所有匹配项作为数组返回。 函数格式:stringObj.match(rgExp),其中stringObj为必选的字符串,rgExp为必选的正则表达式。 返回值:若能匹配则返回结果数组,若不能匹配则返回null。
<html>
<script language="javascript" type="text/javascript">
//使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回
var objStr=new String("Yue I love you till the end of my life!");
var re=//wo(/w+)?/g;//该表达式用来匹配一个以/w代表的字符,第二个字符是o,后面有一个字符或者多个字符+表示前面的字符匹配的次数,全局匹配
var arr=objStr.match(re);//调用match方法匹配字符串并且如果存在返回数组,如果没有结果返回为null
document.write("匹配前的字符串:"+objStr+"<br>");//输出匹配前的字符串
if(arr!=null){//如果能匹配成功即arr数组不为空,循环输出结果
for(var i=0;i<arr.length;i++){
document.write("<li>"+arr[i]);
}
}
</script>
</html>
search方法:定位首个匹配位置
四、JS正则表达式之search方法讲解
功能:返回与正则表达式查找内容匹配的第一个子字符串的起始位置索引。
语法:stringObj.search(rgExp),其中stringObj为必选项,rgExp为正则表达式。
返回值:search方法用于指明是否存在相应的匹配。如果找到一个匹配,search方法将返回一个整数值,指明这个匹配距离字符串开始的偏移位置。如果没有找到匹配,则返回 -1。
<html>
<script language="javascript" type="text/javascript">
//search 方法指明是否存在相应的匹配。如果找到一个匹配,search 方法将返回一个整数值,指明这个匹配距离字符串开始的偏移位置。如果没有找到匹配,则返回 -1
var re=/(/d)(/d)/d/2/1/;//设置正则表达式
var ostr="11010111";//所要匹配的字符串,字符串第一个位置从0开始
var pos=ostr.search(re);//进行字符串匹配
if(pos==-1){//如果没有找到匹配
document.write("没有找到任何匹配");
}
else{
arr=ostr.match(re);//进行match找出匹配的内容
document.write("在"+pos+"找到第一个匹配,匹配内容为:");
document.write(arr[0]);//输出匹配的内容
}
</script>
</html>
exec方法:单次匹配与子组提取
五、JS正则表达式之exec方法讲解
功能说明:该函数通过对指定字符串进行一次匹配检测,获取字符串中的第一个与正则表达式匹配的内容,并且将匹配的内容和子匹配的结果存放在返回数组中。 基本方法:
objReg.exec(string) objReg,RegExp对象的名称 string,要进行匹配的字符串
<html>
<script language="javascript" type="text/javascript">
//设置匹配的字符串
var objStr="我的手机号13522222222,他的手机号13288888888,她的手机号码13699999999";
//设置正则表达式,匹配以13开头11位字符串,全局匹配
var reg=/13(/d)(/d{8})/g;
//执行exec函数,尽管是全局匹配的正则表达式,但是exec方法只对指定的字符串进行一次匹配,获取字符串中第一个与正则表达式想匹配的内容,并且将匹配内容和子匹配的结果存储到返回的数组中
var arr=reg.exec(objStr);
//循环输出结果
for(var i=0;i<arr.length;i++){
document.write("<li>"+arr[i]+"<br>");
}
</script>
</html>
以上就是为大家分享的五个常用函数的使用方法,内容很详细,包括test、exec、match、replace、search,希望对大家学习掌握js正则表达式有所帮助。