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

(0)

相关推荐

  • 100多个基础常用JS函数和语法集合大全

    网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementB

  • js常用函数 不错

    1.常规函数 javascript常规函数包括以下9个函数: (1)alert函数:显示一个警告对话框,包括一个OK按钮. (2)confirm函数:显示一个确认对话框,包括OK.Cancel按钮. (3)escape函数:将字符转换成Unicode码. (4)eval函数:计算表达式的结果. (5)isNaN函数:测试是(true)否(false)不是一个数字. (6)parseFloat函数:将字符串转换成符点数字形式. (7)parseInt函数:将符串转换成整数数字形式(可指定几进制).

  • js 变量类型转换常用函数与代码[比较全]

    1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把值转换成浮点数.只有对String类型调用这些方法,这两个函数才能正确运行:对其他类型返回的都是NaN(Not a Number). 在判断字符串是否是数字值前,parseInt()和parseFloat()都会仔细分析该字符串.parseInt()方法首先查看位置0处的 字符,判断它是否是个有效数字:如果不是,该方法将返回NaN,不再继续执行其他操作.但如果该字符是有效数字,该方法

  • nodejs文件操作模块FS(File System)常用函数简明总结

    件系统操作相关的函数挺多的.首先可以分为两大类. 一类是异步+回调的. 一类是同步的. 在这里只对异步的进行整理,同步的只需要在函数名称后面加上Sync即可 1. 首先是一类最常规的读写函数,函数名称和形式,应该是起源于C语言的. 复制代码 代码如下: fs.open(文件路径,读写标识,[文件mode值,666],回调函数(err,文件句柄fd));          fs.read(文件句柄fd,被写入的buffer,offset,length,position,回调函数(err, byte

  • 常用Javascript函数与原型功能收藏(必看篇)

    如下所示: // 重复字符串 String.prototype.repeat = function(n) { return new Array(n+1).join(this); } // 替换全部 String.prototype.replaceAll = function(str1, str2) { return this.replace(new RegExp(str1, "gm"), str2); } // 清除空格 String.prototype.trim = function

  • 浅谈javascript语法和定时函数

    一.JavaScript基本语法. (一)数据类型与变量类型. 整数,小数,布局,字符串,日期时间,数组 强制转换: parseInt() parseFloat() isNaN() (二)数组 var 数组名 = new Array([长度]); //"假冒"数组 a.length-长度 a[下标] = 值. a[下标] (三)函数 复制代码 代码如下: function 函数名(形参) { } function ShowStr(a) { } 二.DOM操作 DOM - Documen

  • 自己封装的常用javascript函数分享

    都是些常用的功能,这里就不多废话了,小伙伴们自己看下就明白了 奉上代码: 复制代码 代码如下: //cookie function setCookie(name, value, iDay) {     if(iDay!==false)     {         var oDate=new Date();         oDate.setDate(oDate.getDate()+iDay);         document.cookie=name+'='+value+';expires='+

  • 常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数

    为了方便资源管理和提升工作效率,常用的js和css文件的加载应该放在一个统一文件里面完成,也方便后续的资源维护.所以我用js写了以下方法,存放在"sourceController.js"文件内. function sourceController(){ var root = ""; var cssCount = 0; // css加载计数器 var jsCount = 0; // js加载计数器 this.callfunc = null; // 回调函数 this.

  • js中函数调用的两种常用方法使用介绍

    一个js函数 function test(aa){ window.alert("你输入的是"+aa); } 方法一:直接调用 test("dddd"); 方法二:函数赋值给变量 var abc=test; abc('中国');//用变量来调用函数 注意: 当我们写成这种形式的时候,var abc=test("dddd"); 不能通过变量abc来调用函数. 这种写法当test有返回值的时候会把返回值赋值给abc,当没有返回值的时候abc的值为und

  • javascript中基于replace函数的正则表达式语法

    示例代码如下: var strM = "javascript is a good script language"; //在此我想将字母a替换成字母A alert(strM.replace("a","A")); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 它只替换了首字母.但如果加上正则表达式结果就不一样了!replace()支持正则表达式,它可以按照正则表达式的规则匹配字符或字符串,然后给予替换! 注意:被替换的部分不用加双引号

随机推荐