javascript RegExp 使用说明


Posted in Javascript onMay 21, 2016

一:正则表达式的创建方式  
 1.文字格式,使用方法如下: 
 /pattern/flags(即:/模式/标记) 
 2.RegExp构造函数,使用方法如下: 
 new RegExp("pattern"[,"flags"])(即:new RegExp("模式"[,"标记"])) 
  
 参数: 
 pattern(模式):表示正则表达式的文本 
 flags(标记):如果指定此项,flags可以是下面之一: 
  
 g:global match(全定匹配) 
 i:ignore case(忽略大小写) 
 gi:both global match and ignore case(匹配所有可能的值,也忽略大小写) 
 注意:文字格式中的参数不要使用引号标记,二够造器函数的参数则要使用引号标记。所以下面的表达式 
 是等价的: 
 /ab+c/i     ====================  new RegExp("ab+c","i") 
  
 描述: 
 当使用构造器函数创建正则表达式的时候,必须使用正常的字符串避开规则(在字符串中加入前导字符\)是必须的。 
 例如,下面的两条语句是等价的:  
 re=new RegExp("\\w+"); 
 re=/\w+/ 

注意:RegExp预置了$属性
$1, ..., $9属性
用圆括号括着的匹配子串,如果有的话。
是RegExp的属性
静态,只读
在JavaScript 1.2, NES 3.0以上版本提供
描述:因为input是静态属性,不是个别正则表达式对象的属性。你可以使用RegExp.input 访问该
属性。
能加上圆括号的子串的数量不受限制,但正则表达式对象只能保留最后9 条。如果你要访问所有的
圆括号内的匹配字串,你可以使用返回的数组。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 <HTML> 
 <HEAD> 
  <TITLE> New Document </TITLE> 
  <SCRIPT LANGUAGE="JavaScript1.2"> 
  var regexp = new RegExp("(\\w+)\\s(\\w+)"); 
 str = "John Smith"; 
 newstr=str.replace(regexp,"$2"); 
 newstr2=str.replace(regexp,"$1"); 
 document.write("原字符串:"+str+"<br/>"); 
 document.write(newstr+"<br/>"); 
 document.write(newstr2+"<br/>"); 
 document.write('$1='+RegExp.$1+"  $2="+RegExp.$2); 
 </SCRIPT> 
 </HEAD> 
 <BODY> 
 </BODY> 
 </HTML>

二: match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。它返回指定的值,而不是字符串的位置。

语法
stringObject.match(searchvalue)
stringObject.match(regexp)参数 描述
searchvalue 必需。规定要检索的字符串值。
regexp 必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。
返回值
存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。
说明
match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。

match使用实例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 <HTML> 
 <HEAD> 
  <TITLE> New Document </TITLE> 
  <SCRIPT LANGUAGE="JavaScript1.2"> 
 var str="1 plus 2 equal 3"; 
 var str2="11/23/55"; 
 var results=str.match(new RegExp("\\d+","gi")); 
 for(var i=0;i<results.length;i++){ 
   document.write(results[i]+"<br/>"); 
 } 
 var res=str2.match(new RegExp("(\\d\\d?)/(\\d\\d?)/(\\d\\d)")); 
 if(str2.length == res[0].length){ 
   document.write(res[1]+"<br/>"); 
   document.write(res[2]+"<br/>"); 
   document.write(res[3]+"<br/>"); 
 } 
 </SCRIPT> 
 </HEAD> 
 <BODY> 
 </BODY> 
 </HTML> 
  
 function dateCheck(value) { 
   re = new RegExp("(\\d\\d?)/(\\d\\d?)/(\\d\\d)"); 
   var result = value.match (re); 
   if (result){ 
     if (result[0].length != value.length){ 
       alert ("Wrong date format. The correct format should be MM/dd/yy.") 
       return false; 
     }else{ 
       var t = result[3]; 
       var y = parseInt("20" + t); 
       var m = parseInt(result[1], 10) - 1; 
       var day = parseInt(result[2], 10); 
  
       var d = new Date(y, m, day); 
       if (d.getFullYear() != y || d.getMonth() != m || d.getDate() != day){ 
         alert ("error date!") 
         return false; 
       }else{ 
         var sm = result[1].length == 1?'0' + result[1]:result[1]; 
         var sday = result[2].length == 1?'0' + result[2]: result[2]; 
         var sy = result[3]; 
         else  
           return sm + '/' + sday + '/' + sy; 
       } 
     } 
   }else{ 
     alert ("Wrong date format. The correct format should be MM/dd/yy."); 
     return false; 
   } 
 }
Javascript 相关文章推荐
基于jquery的横向滚动条(滑动条)
Feb 24 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
Mar 28 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
Apr 12 Javascript
JavaScript事件委托用法分析
Jan 24 Javascript
JSONObject使用方法详解
Dec 17 Javascript
JavaScript事件类型中UI事件详解
Jan 14 Javascript
jQuery改变form表单的action,并进行提交的实现代码
May 25 Javascript
Bootstrap自定义文件上传下载样式
May 26 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
JS实现全屏预览F11功能的示例代码
Jul 23 Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 Javascript
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
js+html5实现canvas绘制椭圆形图案的方法
May 21 #Javascript
jQuery DataTables插件自定义Ajax分页实例解析
Apr 28 #Javascript
Markdown+Bootstrap图片自适应属性详解
May 21 #Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
May 21 #Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
May 21 #Javascript
IScroll5 中文API参数说明和调用方法
May 21 #Javascript
JavaScript的ExtJS框架中表格的编写教程
May 21 #Javascript
You might like
php数组总结篇(一)
2008/09/30 PHP
php入门学习知识点一 PHP与MYSql连接与查询
2011/07/14 PHP
php数组函数序列之array_key_exists() - 查找数组键名是否存在
2011/10/29 PHP
php数组合并的二种方法
2014/03/21 PHP
jquery+php实现导出datatables插件数据到excel的方法
2015/07/06 PHP
php微信公众平台配置接口开发程序
2016/09/22 PHP
PHP正则验证字符串是否为数字的两种方法并附常用正则
2019/02/27 PHP
mouse_on_title.js
2006/08/25 Javascript
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
基于jquery的监控数据是否发生改变
2011/04/11 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
用js一次改变多个input的readonly属性值的方法
2014/06/11 Javascript
JS实现判断碰撞的方法
2015/02/11 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
2015/02/27 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
2016/02/23 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
2016/11/01 Javascript
JS三目运算(三元运算)方法详解
2017/03/01 Javascript
微信小程序 页面跳转事件绑定的实例详解
2017/09/20 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
使用Python编写爬虫的基本模块及框架使用指南
2016/01/20 Python
python基础教程项目四之新闻聚合
2018/04/02 Python
对python 多个分隔符split 的实例详解
2018/12/20 Python
对python 读取线的shp文件实例详解
2018/12/22 Python
pytest中文文档之编写断言
2019/09/12 Python
CSS3属性box-sizing使用指南
2014/12/09 HTML / CSS
纯CSS3实现的井字棋游戏
2020/11/25 HTML / CSS
荷兰在线体育用品商店:Avantisport.nl
2018/07/04 全球购物
印尼在线旅游门户网站:NusaTrip
2019/11/01 全球购物
Linux的主要特性
2016/09/03 面试题
工程部主管岗位职责
2013/11/17 职场文书
保研推荐信
2014/05/09 职场文书
领导干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技