一、js正则表达式之replace函数用法:
函数功能: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=https://www.jb51.net/e/w?/g;//全局匹配(g为全局匹配参数),匹配e或者e?内容 var re=https://www.jb51.net/e/w?/;//没有指定参数,值进行一次匹配 with(document){ write("进行匹配前的字符串"+objStr+"<br>"); write("进行了全局匹配的字符串"+objStr.replace(reG,"**")+"<br>"); write("进行匹配,没有指定参数值进行一次匹配"+objStr.replace(re,"××")); } </script> </html>
二、js正则表达式之test函数用法
功能介绍:该方法的返回值是布尔值,通过该值可以匹配字符串中是否存在于正则表达式相匹配的结果,如果有匹配内容,返回ture,如果没有匹配内容返回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=https://www.jb51.net//w+[@]{1}/w+[.]/w+/; //document.write(objStr); //如果判断字符串中是否存在匹配内容,如果存在提示正确信息,否则返回错误 if(objReg.test(objStr)){ alert("该Email地址是合法的!"); }else{ alert("该Email地址是非法的!"); } } </script> <body> 请输入Email地址: <input type="text"><!--设置Email输入框--> <input type="button" value="检测合法性"><!--设置按钮用于出发检测Email合法性事件--> </body> </html>
三、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=https://www.jb51.net//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>
四、js正则表达式之search方法讲解
功能:返回与正则表达式查找内容匹配的第一个子字符串的位置
语法:stringObj.search(rgExp) stringObj 必选项 rgExp正则表达式
返回值:search 方法指明是否存在相应的匹配。如果找到一个匹配,search方法将返回一个整数值,指明这个匹配距离字符串开始的偏移位置。如果没有找到匹配,则返回 -1
<html> <script language="javascript" type="text/javascript"> //search 方法指明是否存在相应的匹配。如果找到一个匹配,search 方法将返回一个整数值,指明这个匹配距离字符串开始的偏移位置。如果没有找到匹配,则返回 -1 var re=https://www.jb51.net/(/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>
五、js正则表达式之exec方法讲解