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

一、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=/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>

二、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=//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>

三、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>

四、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>

五、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正则表达式有所帮助。

时间: 2024-10-26 17:43:23

js正则表达式常用函数详解的相关文章

js正则表达式常用函数详解(续)_正则表达式

正则表达式对象的方法 1.test,返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式.如果存在则返回 true,否则就返回 false. 2.exec,用正则表达式模式在字符串中运行查找,并返回包含该查找结果的一个数组. 3.compile,把正则表达式编译为内部格式,从而执行得更快.正则表达式对象的属性 1.source,返回正则表达式模式的文本的复本.只读. 2.lastIndex,返回字符位置,它是被查找字符串中下一次成功匹配的开始位置. 3.input ($_),返回执

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

正则表达式对象的方法 1.test,返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式.如果存在则返回 true,否则就返回 false. 2.exec,用正则表达式模式在字符串中运行查找,并返回包含该查找结果的一个数组. 3.compile,把正则表达式编译为内部格式,从而执行得更快. 正则表达式对象的属性 1.source,返回正则表达式模式的文本的复本.只读. 2.lastIndex,返回字符位置,它是被查找字符串中下一次成功匹配的开始位置. 3.input ($_),返回

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

一.js正则表达式之replace函数用法: 函数功能:replace函数返回根据正则表达式进行文字替换后的字符串的复制. 函数格式:stringObj.replace(rgExp, replaceText) 参数:字符串stringObj,rgExp正则表达式,replaceText所替换的内容 本模块涉及的内容包括字符串创建,正则表达式隐式创建对象,创建正则表达式,进行replace方法的使用匹配 示例代码: <html> <script language="javascr

js function无名函数详解

js function无名函数详解 函数对象 Function Object 函数就是对象.对象字面量产生的对象链接到Object.prototype.函数对象链接到Function.prototype.每个函数在创建时附有两个附件的隐藏属性:函数的上下文和实现函数行为的代码. 函数字面量 Function Literal 函数对象可以通过函数字面量来创建. var add = function(a, b){return a+b;}: 调用 Invocation 除了声明时定义的形式参数,每个函

python常用函数详解_python

1.函数的介绍 为什么要有函数?因为在平时写代码时,如果没有函数的话,那么将会出现很多重复的代码,这样代码重用率就比较低...并且这样的代码维护起来也是很有难度的,为了解决这些问题,就出现了函数,用来将一些经常出现的代码进行封装,这样就可以在任何需要调用这段代码的地方调用这个函数就行了. 函数的定义:函数是指将一组语句的集合通过一个名字(函数名)封装起来,要想执行这个函数,只需调用其函数名即可 特性: 代码重用 保持一致性 可扩展性 2.函数的创建 在python中函数定义的格式如下: def

js运动事件函数详解_javascript技巧

本文实例为大家分享了js运动事件函数,供大家参考,具体内容如下 HTML <div id="breedsdog"> <h2 class="title">The Dog</h2> <p class="describe">Split between cat,belong to the cat family,cat,cat,is the world's more widely<br> in t

js的回调函数详解_javascript技巧

现在做native App  和Web App是主流,也就是说现在各种基于浏览器的web app框架也会越来越火爆了,做js的也越来越有前途.我也决定从后端开发渐渐向前端开发和手机端开发靠拢,废话不说了,我们来切入正题"js的回调函数"相关的东西.       说起回调函数,好多人虽然知道意思,但是还是一知半解.至于怎么用,还是有点糊涂.网上的一些相关的也没有详细的说一下是怎么回事,说的比较片面.下面我只是说说个人的一点理解,大牛勿喷.我们来看一下一个粗略的一个定义"函数a有

prototype.js常用函数详解_基础知识

函数名  解释  举例  Element.toggle  交替隐藏或显示  Element.toggle(''div1'',''div2'')  Element.hide  隐藏  Element.hide(''div1'',''div2'')  Element.show 显示  Element.show(''div1'',''div2'')  Element.remove  删除  Element.remove(''div1'',''div2'')  Element.getHeight  取得

几个常用的JS时间处理函数详解

 代码如下 复制代码   /************************************************************************************* * JS时间戳转正常时间 * 输入1317222397这样的10位时间戳 * 输出2012年 4月13日 9:09,这个格式是根据使用者本地电脑时间格式决定的 * 如果想输出2012-4-13 9:09这种格式,后面用.replace(/年|月/g, "-").replace(/日/g,