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 相关文章推荐
ExtJs使用总结(非常详细)
Mar 22 Javascript
JS常用正则表达式总结
Nov 12 Javascript
js+html5实现可在手机上玩的拼图游戏
Jul 17 Javascript
很实用的js选项卡切换效果
Aug 12 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
Jan 19 Javascript
vue双向绑定简要分析
Mar 23 Javascript
angular 服务的单例模式(依赖注入模式下)详解
Oct 22 Javascript
浅谈Vue数据响应
Nov 05 Javascript
vue项目上传Github预览的实现示例
Nov 06 Javascript
如何为你的JavaScript代码日志着色详解
Apr 08 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
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采集文章中的图片获取替换到本地(实现代码)
2013/07/08 PHP
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
PHP下载远程文件到本地存储的方法
2015/03/24 PHP
JQuery 操作/获取table具体代码
2013/06/13 Javascript
推荐25个超炫的jQuery网格插件
2014/11/28 Javascript
Javascript核心读书有感之语言核心
2015/02/01 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
2015/03/03 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
详解javascript实现自定义事件
2016/01/19 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
2016/06/02 Javascript
AngularJS实现DOM元素的显示与隐藏功能
2016/11/22 Javascript
js实现图片切换(动画版)
2016/12/25 Javascript
jQuery对table表格进行增删改查
2020/12/22 Javascript
关于AngularJs数据的本地存储详解
2017/01/20 Javascript
老生常谈jacascript DOM节点获取
2017/04/17 Javascript
手机注册发送验证码倒计时的简单实例
2017/11/15 Javascript
Element-ui tree组件自定义节点使用方法代码详解
2018/09/17 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
python3 与python2 异常处理的区别与联系
2016/06/19 Python
使用python实现接口的方法
2017/07/07 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
python + selenium 刷B站播放量的实例代码
2020/06/12 Python
python爬虫数据保存到mongoDB的实例方法
2020/07/28 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
美国在线自行车商店:Jenson USA
2018/05/22 全球购物
opencv实现图像平移效果
2021/03/24 Python
村官学习十八大感想
2014/01/15 职场文书
银行先进个人事迹材料
2014/05/11 职场文书
个人考核材料
2014/05/15 职场文书
施工单位安全责任书
2014/07/24 职场文书
2014年新农村建设工作总结
2014/12/01 职场文书
员工辞退通知书
2015/04/17 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书
2019自荐信该如何写呢?
2019/07/05 职场文书
Python中22个万用公式的小结
2021/07/21 Python