当前位置：首页 > 资讯 > 技术文档

js正则表达式常用函数详解

时间：2021-06-22 10:13 编辑：来源：阅读：
扫一扫，手机访问

摘要：js正则表达式常用函数详解

[b]一、js正则表达式之replace函数用法：[/b] [b]函数功能：[/b]replace函数返回根据正则表达式进行文字替换后的字符串的复制。 [b]函数格式：[/b]stringObj.replace(rgExp, replaceText) [b]参数：[/b]字符串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>

[b]二、js正则表达式之test函数用法[/b] [b]功能介绍：[/b]该方法的返回值是布尔值，通过该值可以匹配字符串中是否存在于正则表达式相匹配的结果，如果有匹配内容，返回ture，如果没有匹配内容返回false，该方法常用于判断用户输入数据的合法性，比如检验Email的合法性 [b]基本语法：[/b] 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>

[b]三、js正则表达式之match函数用法[/b] [b]函数功能：[/b]使用正则表达式模式对字符串执行查找，并将包含查找的结果作为数组返回 [b]函数格式：[/b]stringObj.match(rgExp) stringObj为字符串必选 rgExp为正则表达式必选项 [b]返回值：[/b]如果能匹配则返回结果数组，如果不能匹配返回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>

[b]四、js正则表达式之search方法讲解[/b] [b]功能：[/b]返回与正则表达式查找内容匹配的第一个子字符串的位置 [b]语法：[/b]stringObj.search(rgExp) stringObj 必选项 rgExp正则表达式 [b]返回值：[/b]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>

[b]五、js正则表达式之exec方法讲解[/b] [b]功能说明：[/b]该函数通过对指定你的字符串进行一次匹配检测，获取字符串中的第一个与正则表达式的内容，并且将匹配的内容和子匹配的结果存放在返回数组中。 [b]基本方法：[/b] 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>

以上就是为大家分享的五个常用函数的使用方法，内容很详细，包括[b]test、exec、match、replace、search[/b]，希望对大家学习掌握js正则表达式有所帮助。

全部评论(0)

上一篇：jQuery基于json与cookie实现购物车的方法
下一篇：js正则表达式常用函数详解（续）

资讯排行榜
更多>>