javascript学习笔记(十二) RegExp类型介绍


Posted in Javascript onJune 20, 2012

1.匹配模式标记:
g ------ 表示全局模式,而不是发现第一个匹配成功就立刻结束
i ------- 表示不区分大小写模式
m ----- 表示多行匹配,一行结束时向下一行继续匹配

//匹配第一个bat 或cat,不区分大小写 
var pattern1 = /[bc]at/i 
var pattern2 = new RegExp("[bc]at","i"); //同上

使用RegEXp是字面量模式要转换成字符串
/\[bc\]at/ =======> "\\[bc\\]at"
/\.at/ ==========> "\\.at"
/name\/age/ ======> "name\\/age"
/\d.\d{1,2}/ ======> "\\d.\\d{1,2}"
/\w\\hello\\123/ ====>"\\w\\\\hello\\\\123

2.RegExp实例属性
global —— 布尔值,表示是否设置了g 标志
ignoreCase —— 布尔值,表示是否设置了i 标志
multiline —— 布尔值,表示是否设置了m 标志
lastIndex —— 整数,表示开始搜索下一个匹配项的位置
source —— 字面量形式的字符串

var pattern2 = new RegExp("\\[bc\\]at","i"); 
alert(pattern2.source); //"\[bc\]at"

3.RegExp实例方法
exec()方法 接受一个参数,即应用正则表达式的字符串,
返回数组和两个属性index和input,数组第一项是与整个模式匹配的字符串,其他项是与模式中的捕获组匹配的字符串
var text "mom and dat and baby"; 
var pattern = /mom( and dad( and baby)?)?/gi; var matches = pattern.exec(text); 
alert(matches.index); //0 
alert(matches.input); //"mom and dad and baby" 
alert(matches[0]); //"mom and dad and baby" 
alert(matches[1]); //" and dad and baby" 
alert(matches[2]); //" and baby"

非全局模式时每次调用exec()返回的都是第一次匹配的项
全局模式时每次调用ecec()返回字符串的下一个匹配项,lastIndex的值会增加

test()方法 接受一个参数,即应用正则表达式的字符串,匹配返回 true 否则返回 false

var text = "000-00-0000"; 
var pattern = /\d{3}-\d{2}-\d{4}/; if (pattern.test(test)) { 
alert("匹配!"); 
}

4.RegExp 构造函数属性
var text = "this has been a short summer"; 
var pattern = /(.)host/g; if (pattern.test(text)){ 
alert(RegExp.input); //this has been a short summer 最近一次要匹配的字符串,等价于RegExp.$_ ,opera不支持 
alert(RegExp.lastMatch); //short 最近一次的匹配项,等价于RegExp["$&"] ,opera不支持 
alert(RegExp.lastParen); //s 最近一次匹配的捕获组,等价于RegExp["$+"] ,opera不支持 
alert(RegExp.leftContext); //this has been a 匹配项前的文本,等价于RegExp["$`"] 
alert(RegExp.rightContext); // summer 匹配项后的文本,等价于RegExp["$‘"] , 
alert(RegExp.multiline); //false 是不是多行模式,等价于RegExp["$*"] ,opera和IE都不支持 
}

RegExp.$1 …… RegExp.$9 存储捕获组
var text = "this has been a short summer"; 
var pattern =/(..)or(.)/g; 
if (pattern.test(text)) { 
alert(RegExp.$1); //sh 
alert(RegExp.$2); //t 
}
Javascript 相关文章推荐
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
Sep 29 Javascript
html向js方法传递参数具体实现
Aug 08 Javascript
node.js中的require使用详解
Dec 15 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
Jan 03 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
Mar 02 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
Mar 12 Javascript
vue实现抖音时间转盘
Sep 08 Javascript
JS数组方法concat()用法实例分析
Jan 18 Javascript
JavaScript快速调试的两个技巧
Nov 04 Javascript
javascript学习笔记(十一) 正则表达式介绍
Jun 20 #Javascript
javascript学习笔记(十) js对象 继承
Jun 19 #Javascript
javascript学习笔记(九) js对象 设计模式
Jun 19 #Javascript
javascript学习笔记(八) js内置对象
Jun 19 #Javascript
javascript学习笔记(七) js函数介绍
Jun 19 #Javascript
javascript学习笔记(六) Date 日期类型
Jun 19 #Javascript
javascript学习笔记(五) Array 数组类型介绍
Jun 19 #Javascript
You might like
检查用户名是否已在mysql中存在的php写法
2014/01/20 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
CI(CodeIgniter)框架中URL特殊字符处理与SQL注入隐患分析
2019/02/28 PHP
JS 有名函数表达式全面解析
2010/03/19 Javascript
jQuery获取Select选择的Text和Value(详细汇总)
2013/01/25 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
JsRender for object语法简介
2014/10/31 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
jquery实现未经美化的简洁TAB菜单效果
2015/08/28 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
2016/02/01 Javascript
在AngularJS框架中处理数据建模的方式解析
2016/03/05 Javascript
javascript js 操作数组 增删改查的简单实现
2016/06/20 Javascript
jQuery EasyUI提交表单验证
2016/07/19 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
js获取json中key所对应的value值的简单方法
2020/06/17 Javascript
基于JavaScript实现焦点图轮播效果
2017/03/27 Javascript
移动端触摸滑动插件swiper使用方法详解
2017/08/11 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
vuejs 动态添加input框的实例讲解
2018/08/24 Javascript
vue展示dicom文件医疗系统的实现代码
2018/08/27 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
微信小程序实现简单评论功能
2018/11/28 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
2019/01/19 Javascript
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
jquery将json转为数据字典的实例代码
2019/10/11 jQuery
python在多玩图片上下载妹子图的实现代码
2013/08/13 Python
python的dataframe转换为多维矩阵的方法
2018/04/11 Python
python实现跨excel的工作表sheet之间的复制方法
2018/05/03 Python
Python命令行参数解析工具 docopt 安装和应用过程详解
2019/09/26 Python
解决Numpy中sum函数求和结果维度的问题
2019/12/06 Python
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
戴尔英国翻新电脑和电子产品:Dell UK Refurbished Computers
2019/07/30 全球购物
DataReader和DataSet的异同
2014/12/31 面试题
市场调查策划方案
2014/06/10 职场文书
暑期培训心得体会
2014/09/02 职场文书
聊一聊python常用的编程模块
2021/05/14 Python