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 相关文章推荐
JavaScript地图拖动功能SpryMap的简单实现
Jul 17 Javascript
下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
Sep 18 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
Sep 14 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
Angularjs中controller的三种写法分享
Sep 21 Javascript
关于webuploader插件使用过程遇到的小问题
Nov 07 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
JavaScript在控件上添加倒计时功能的实现代码
Jul 04 Javascript
关于vue.extend和vue.component的区别浅析
Aug 16 Javascript
js使用cookie实现记住用户名功能示例
Jun 13 Javascript
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
Jul 03 Javascript
el-table-column 内容不自动换行的解决方法
Aug 14 Vue.js
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
Zend Framework入门知识点小结
2016/03/19 PHP
PHPExcel简单读取excel文件示例
2016/05/26 PHP
删除PHP数组中头部、尾部、任意元素的实现代码
2017/04/10 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
div+css布局的图片连续滚动js实现代码
2010/05/04 Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
2013/06/29 Javascript
Table冻结表头示例代码
2013/08/20 Javascript
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
jQuery固定元素插件scrolltofixed使用指南
2015/04/21 Javascript
node.js的事件机制
2017/02/08 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
2019/05/15 Javascript
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
[03:08]迎霜节狂欢!2018年迎霜节珍藏Ⅰ一览
2018/12/25 DOTA
python中去空格函数的用法
2014/08/21 Python
Python爬取qq music中的音乐url及批量下载
2017/03/23 Python
详解Python中的动态属性和特性
2018/04/07 Python
python opencv 二值化 计算白色像素点的实例
2019/07/03 Python
Python测试线程应用程序过程解析
2019/12/31 Python
python实现AdaBoost算法的示例
2020/10/03 Python
对CSS3选择器的研究(详解)
2016/09/16 HTML / CSS
丝芙兰中国官方商城:SEPHORA中国
2018/01/10 全球购物
Allsole美国/加拿大:英国一家专门出售品牌鞋子的网站
2018/10/21 全球购物
德国最大的服装、鞋子和配件在线商店之一:Outfits24
2019/07/23 全球购物
杭州SQL浙江浙大网新恩普软件有限公司
2013/07/27 面试题
中科创达面试题
2016/12/28 面试题
abstract class和interface有什么区别
2013/08/04 面试题
最新销售员个人自荐信
2013/09/21 职场文书
建筑毕业生自我鉴定
2013/10/18 职场文书
程序员求职信
2014/04/16 职场文书
新书发布会策划方案
2014/06/09 职场文书
雷峰塔导游词
2015/02/09 职场文书
护士辞职信怎么写
2015/02/27 职场文书
人事任命书范本
2015/09/21 职场文书
thinkphp 获取控制器及控制器方法
2021/04/16 PHP
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python