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 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
url 编码 js url传参中文乱码解决方案
Apr 11 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
May 30 Javascript
es6学习之解构时应该注意的点
Aug 29 Javascript
原生JS封装animate运动框架的实例
Oct 12 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
Sep 16 Javascript
微信小程序实现弹出菜单动画
Jun 21 Javascript
Vue项目实现简单的权限控制管理功能
Jul 17 Javascript
基于JS判断对象是否是数组
Jan 10 Javascript
Vue常用的全选/反选的示例代码
Feb 19 Javascript
jQuery实现增删改查
Dec 22 jQuery
vue使用lodop打印控件实现浏览器兼容打印的方法
Feb 07 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
四月新番又没了,《Re:从零开始的异世界生活》第二季延期至7月播出
2020/05/06 日漫
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
PHP的构造方法,析构方法和this关键字详细介绍
2013/10/22 PHP
PHP中数组的分组排序实例
2014/06/01 PHP
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
Chrome Web App开发小结
2014/09/04 PHP
php 判断字符串编码是utf-8 或gb2312实例
2016/11/01 PHP
学习ExtJS accordion布局
2009/10/08 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
2010/02/07 Javascript
jQuery学习笔记之jQuery的DOM操作
2010/12/22 Javascript
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
2011/11/21 Javascript
js Object2String方便查看js对象内容
2014/11/24 Javascript
Javascript基础教程之JavaScript语法
2015/01/18 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
2015/11/29 Javascript
javascript操作cookie
2017/01/17 Javascript
node.js入门学习之url模块
2017/02/25 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
Angularjs的键盘事件的绑定
2017/07/27 Javascript
javascript实现数字配对游戏的实例讲解
2017/12/14 Javascript
微信小程序点击保存图片到本机功能
2019/12/13 Javascript
如何基于JavaScript判断图片是否加载完成
2019/12/28 Javascript
python发送告警邮件脚本
2018/09/17 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
在django中,关于session的通用设置方法
2019/08/06 Python
Python中 CSV格式清洗与转换的实例代码
2019/08/29 Python
学习Django知识点分享
2019/09/11 Python
简单了解Django项目应用创建过程
2020/07/06 Python
python开发一款翻译工具
2020/10/10 Python
Python爬虫Scrapy框架CrawlSpider原理及使用案例
2020/11/20 Python
物业管理公司实习生自我鉴定
2013/09/19 职场文书
职工运动会邀请函
2014/01/19 职场文书
美发店5.1活动方案
2014/01/24 职场文书
中学生期末评语
2014/02/03 职场文书
学校百日安全活动总结
2015/05/07 职场文书
单位计划生育责任书
2015/05/09 职场文书
Python Pandas pandas.read_sql_query函数实例用法分析
2021/06/21 Python