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 相关文章推荐
改善用户体验的五款jQuery插件分享
May 22 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
Jun 21 Javascript
js如何实现设计模式中的模板方法
Jul 23 Javascript
jQuery自定义动画函数实例详解(附demo源码)
Dec 10 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
May 18 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 Javascript
JS异步加载的三种实现方式
Mar 16 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
Sep 05 Javascript
详解express使用vue-router的history踩坑
Jun 05 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 Javascript
js实现3D照片墙效果
Oct 28 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
PHP脚本数据库功能详解(中)
2006/10/09 PHP
php 无法载入mysql扩展
2010/03/12 PHP
一样的table?不一样的table(可编辑状态table)
2012/09/19 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
2013/01/15 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
2013/02/05 Javascript
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
网页广告中JS代码的信息监听示例
2014/04/02 Javascript
Javascript中this的用法详解
2014/09/22 Javascript
JS获得图片alt信息的方法
2015/04/01 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
2016/05/12 Javascript
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
JS简单实现移动端日历功能示例
2016/12/28 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
JavaScript手风琴页面制作
2017/05/17 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
2017/10/17 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
Vue-Quill-Editor富文本编辑器的使用教程
2018/09/21 Javascript
express框架下使用session的方法
2019/07/31 Javascript
Python基于分水岭算法解决走迷宫游戏示例
2017/09/26 Python
Python3.4 tkinter,PIL图片转换
2018/06/21 Python
Numpy之文件存取的示例代码
2018/08/03 Python
判断python字典中key是否存在的两种方法
2018/08/10 Python
使用 Django Highcharts 实现数据可视化过程解析
2019/07/31 Python
python的scipy.stats模块中正态分布常用函数总结
2021/02/19 Python
html5实现多图片预览上传及点击可拖拽控件
2018/03/15 HTML / CSS
瑞士国际航空官网:SWISS
2016/07/21 全球购物
美国波道夫·古德曼百货官网:Bergdorf Goodman
2017/11/07 全球购物
沃尔玛加拿大:Walmart.ca
2020/03/02 全球购物
公司董事长助理工作职责
2014/07/12 职场文书
见习报告的格式
2014/10/31 职场文书
2015年学校党建工作总结
2015/05/19 职场文书
迎新生晚会主持词
2015/06/30 职场文书
文明医院的标语集锦!
2019/07/24 职场文书
Python+Appium新手教程
2021/04/17 Python
教你如何使用Python Tkinter库制作记事本
2021/06/10 Python
中国古风插画师排行榜:夏达第一,第三是阴阳师姑获鸟皮肤创作者
2022/03/18 国漫