• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >正则表达式 > js正则表达式常用函数详解

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了js正则表达式详解,js正则表达式,js正则表达式验证,js正则表达式语法,js正则表达式大全等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

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

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

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

五、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> 
</div>

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 正则表达式教程之前后查找lookaround详解
  • 正则表达式教程之位置匹配详解
  • 正则表达式教程之重复匹配详解
  • 正则表达式教程之匹配一组字符详解
  • 正则表达式教程之匹配单个字符详解
  • 正则表达式教程之操作符及说明详解
  • 详解基于Linux下正则表达式(基本正则和扩展正则命令使用实例)
  • 正则表达式分组实例详解
  • 详解正则表达式之数字验证
  • 详解js正则表达式语法介绍

相关文章

  • 2017-05-11PHP preg match正则表达式函数的操作实例
  • 2017-05-11JS只能输入数字或数字和字母等的正则表达式
  • 2017-05-11javascript RegExp multiline多行匹配影响的^$
  • 2017-05-11正则表达式匹配解析过程探讨分析(正则表达式匹配原理)
  • 2017-05-11notepad++ 等用正则表达式自动添加sql引号的技巧
  • 2017-05-11正则表达式 学习资料整理
  • 2017-05-11javascript正则表达式基础篇
  • 2017-05-11asp.net(c#) 使用Rex正则来生成字符串数组的代码
  • 2017-05-11Python中正则表达式match()、search()函数及match()和search()的区别详解
  • 2017-05-11javascript中使用正则表达式删除前后空格的方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 在VS2008中使用正则表达式进行查找和替换
    • 正则表达式问号的四种用法详解
    • js正则表达式test()和exec()用法实例
    • asp.net中匹配URL网址的正则表达式
    • 完美Email验证正则表达式
    • JS 正则表达式用法介绍
    • 65条最常用正则表达式 你要的都在这里了
    • js正则表达式之match函数讲解
    • java 正则表达式基础,实例学习资料收集大全 原创
    • js正则表达式讲解之index属性(RegExp对象)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有