您好,欢迎访问三七文档
当前位置:首页 > 办公文档 > 统计图表 > js正则表达式常用函数详解
js正则表达式常用函数详解关于正则表达式,是前端学习的重点和难点。本文主要带领大家一起应用一些正则表达式,简单介绍一些正则表达式中常用的方法及对象,例如:test、exec、match、replace、search等等。一、js正则表达式之replace函数用法:函数功能:replace函数返回根据正则表达式进行文字替换后的字符串的复制。函数格式:stringObj.replace(rgExp,replaceText)参数:字符串stringObj,rgExp正则表达式,replaceText所替换的内容本模块涉及的内容包括字符串创建,正则表达式隐式创建对象,创建正则表达式,进行replace方法的使用匹配示例代码:?12345678htmlscriptlanguage=javascripttype=text/javascript//要替换的字符串的内容varobjStr=newString(DesignedByAndroidyue);//隐式创建正则表达式对象varreG=/e/w?/g;//全局匹配(g为全局匹配参数),匹配e或者e?内容varre=/e/w?/;//没有指定参数,值进行一次匹配with(document){write(进行匹配前的字符串+objStr+br);write(进行了全局匹配的字符串+objStr.replace(reG,**)+br);91011121314write(进行匹配,没有指定参数值进行一次匹配+objStr.replace(re,××));}/script/html二、js正则表达式之test函数用法功能介绍:该方法的返回值是布尔值,通过该值可以匹配字符串中是否存在于正则表达式相匹配的结果,如果有匹配内容,返回ture,如果没有匹配内容返回false,该方法常用于判断用户输入数据的合法性,比如检验Email的合法性基本语法:objReg.test(objStr)objReg必选项RegExp对象名称objStr要进行匹配检测的字符串示例代码:?123htmlscriptlanguage=javascripttype=text/javascript/*DesignedByAndroidyue*//*4567891011121314151617181920212223功能:检测Email地址的合法性*/functioncheckEmail(){//获取文本框中用户输入Email的信息varobjStr=document.getElementById(email).value;//设置匹配Email的正则表达式varobjReg=//w+[@]{1}/w+[.]/w+/;//document.write(objStr);//如果判断字符串中是否存在匹配内容,如果存在提示正确信息,否则返回错误if(objReg.test(objStr)){alert(该Email地址是合法的!);}else{alert(该Email地址是非法的!);}}/scriptbody请输入Email地址:inputtype=textid=email!--设置Email输入框--inputtype=buttonvalue=检测合法性onclick=checkEmail()!--设置按钮用于出发检测Email合法性事件--/body/html242526三、js正则表达式之match函数用法函数功能:使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回函数格式:stringObj.match(rgExp)stringObj为字符串必选rgExp为正则表达式必选项返回值:如果能匹配则返回结果数组,如果不能匹配返回null?1234567891011htmlscriptlanguage=javascripttype=text/javascript//使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回varobjStr=newString(YueIloveyoutilltheendofmylife!);varre=//wo(/w+)?/g;//该表达式用来匹配一个以/w代表的字符,第二个字符是o,后面有一个字符或者多个字符+表示前面的字符匹配的次数,全局匹配vararr=objStr.match(re);//调用match方法匹配字符串并且如果存在返回数组,如果没有结果返回为nulldocument.write(匹配前的字符串:+objStr+br);//输出匹配前的字符串if(arr!=null){//如果能匹配成功即arr数组不为空,循环输出结果for(vari=0;iarr.length;i++){document.write(li+arr[i]);}}121314/script/html四、js正则表达式之search方法讲解功能:返回与正则表达式查找内容匹配的第一个子字符串的位置语法:stringObj.search(rgExp)stringObj必选项rgExp正则表达式返回值:search方法指明是否存在相应的匹配。如果找到一个匹配,search方法将返回一个整数值,指明这个匹配距离字符串开始的偏移位置。如果没有找到匹配,则返回-1?123456789htmlscriptlanguage=javascripttype=text/javascript//search方法指明是否存在相应的匹配。如果找到一个匹配,search方法将返回一个整数值,指明这个匹配距离字符串开始的偏移位置。如果没有找到匹配,则返回-1varre=/(/d)(/d)/d/2/1/;//设置正则表达式varostr=11010111;//所要匹配的字符串,字符串第一个位置从0开始varpos=(re);//进行字符串匹配if(pos==-1){//如果没有找到匹配document.write(没有找到任何匹配);}else{arr=(re);//进行match找出匹配的内容10111213141516document.write(在+pos+找到第一个匹配,匹配内容为:);document.write(arr[0]);//输出匹配的内容}/script/html五、js正则表达式之exec方法讲解功能说明:该函数通过对指定你的字符串进行一次匹配检测,获取字符串中的第一个与正则表达式的内容,并且将匹配的内容和子匹配的结果存放在返回数组中。基本方法:objReg.exec(string)objReg,RegExp对象的名称string,要进行匹配的字符串?1234htmlscriptlanguage=javascripttype=text/javascript//设置匹配的字符串varobjStr=我的手机号13522222222,他的手机号13288888888,她的手机号码13699999999;567891011121314//设置正则表达式,匹配以13开头11位字符串,全局匹配varreg=/13(/d)(/d{8})/g;//执行exec函数,尽管是全局匹配的正则表达式,但是exec方法只对指定的字符串进行一次匹配,获取字符串中第一个与正则表达式想匹配的内容,并且将匹配内容和子匹配的结果存储到返回的数组中vararr=reg.exec(objStr);//循环输出结果for(vari=0;iarr.length;i++){document.write(li+arr[i]+br);}/script/html以上就是为大家分享的五个常用函数的使用方法,内容很详细,包括test、exec、match、replace、search,希望对大家学习掌握js正则表达式有所帮助。
本文标题:js正则表达式常用函数详解
链接地址:https://www.777doc.com/doc-2882294 .html