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定义类或函数的几种方式小结
Jan 09 Javascript
JS简单的图片放大缩小的两种方法
Nov 11 Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 Javascript
javascript解决小数的加减乘除精度丢失的方案
May 31 Javascript
AngularJS中的DOM操作用法分析
Nov 04 Javascript
Vue项目webpack打包部署到服务器的实例详解
Jul 17 Javascript
js数组常用最重要的方法
Feb 04 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
vue 的点击事件获取当前点击的元素方法
Sep 15 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
详解element-ui日期时间选择器的日期格式化问题
Apr 08 Javascript
Vue全局loading及错误提示的思路与实现
Aug 09 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 ajax 静态分页过程形式
2011/09/02 PHP
PHPWind与Discuz截取字符函数substrs与cutstr性能比较
2011/12/05 PHP
php通过字符串调用函数示例
2014/03/02 PHP
PHP正则删除HTML代码中宽高样式的方法
2017/06/12 PHP
基于jquery 的一个progressbar widge
2010/10/29 Javascript
Javascript对象属性方法汇总
2013/11/21 Javascript
JS中判断null、undefined与NaN的方法
2014/03/26 Javascript
jquery 中的each()跳出循环的语句
2014/05/23 Javascript
JavaScript动态创建link标签到head里的方法
2014/12/22 Javascript
浅谈javascript构造函数与实例化对象
2015/06/22 Javascript
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
2017/02/12 Javascript
详解easyui基于 layui.laydate日期扩展组件
2018/07/18 Javascript
通过实例了解js函数中参数的传递
2019/06/15 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
2019/06/18 jQuery
VUE项目中加载已保存的笔记实例方法
2019/09/14 Javascript
Python中shutil模块的常用文件操作函数用法示例
2016/07/05 Python
详解Django 中是否使用时区的区别
2018/06/14 Python
解决python2 绘图title,xlabel,ylabel出现中文乱码的问题
2019/01/29 Python
Python实现平行坐标图的绘制(plotly)方式
2019/11/22 Python
Python 实现训练集、测试集随机划分
2020/01/08 Python
Windows下实现将Pascal VOC转化为TFRecords
2020/02/17 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
python 图像插值 最近邻、双线性、双三次实例
2020/07/05 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
后勤部长岗位职责
2013/12/14 职场文书
汽车销售顾问求职自荐信
2014/01/01 职场文书
什么样的创业计划书可行性高?
2014/02/01 职场文书
文秘应聘自荐书范文
2014/02/18 职场文书
中职毕业生自我鉴定
2014/09/13 职场文书
不知如何爱孩子,这些方法教会您
2019/08/06 职场文书
go语言求任意类型切片的长度操作
2021/04/26 Golang
关于vue中如何监听数组变化
2021/04/28 Vue.js
vue实现列表拖拽排序的示例代码
2022/04/08 Vue.js
nginx配置限速限流基于内置模块
2022/05/02 Servers