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 相关文章推荐
获取body标签的两种方法
Oct 13 Javascript
JavaScript获取指定元素位置的方法
Apr 08 Javascript
JavaScript基础篇(6)之函数表达式闭包
Dec 11 Javascript
Bootstrap媒体对象的实现
May 01 Javascript
微信小程序 特效菜单抽屉效果实例代码
Jan 11 Javascript
VUE中使用Vue-resource完成交互
Jul 21 Javascript
React Native中Navigator的使用方法示例
Oct 13 Javascript
基于Datatables跳转到指定页的简单实例
Nov 09 Javascript
详解vue中this.$emit()的返回值是什么
Apr 07 Javascript
jquery实现动态改变css样式的方法分析
May 27 jQuery
解决Vue调用springboot接口403跨域问题
Sep 02 Javascript
mpvue实现微信小程序快递单号查询代码
Apr 03 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来自动调用不同服务器上的flash
2006/10/09 PHP
PHP MSSQL 存储过程的方法
2008/12/24 PHP
迪菲-赫尔曼密钥交换(Diffie?Hellman)算法原理和PHP实现版
2015/05/12 PHP
PHP安装threads多线程扩展基础教程
2015/11/17 PHP
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
javascript 二维数组的实现与应用
2010/03/16 Javascript
浏览器常用高宽的jquery插件
2011/02/24 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
2013/01/09 Javascript
jQuery实现新消息在网页标题闪烁提示
2015/06/23 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
2015/09/18 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
详解利用jsx写vue组件的方法示例
2017/07/17 Javascript
IScroll5实现下拉刷新上拉加载的功能实例
2017/08/11 Javascript
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
2017/10/25 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
微信小程序在地图选择地址并返回经纬度简单示例
2018/12/03 Javascript
layui--js控制switch的切换方法
2019/09/03 Javascript
vue实现折线图 可按时间查询
2020/08/21 Javascript
python使用tornado实现简单爬虫
2018/07/28 Python
Django unittest 设置跳过某些case的方法
2018/12/26 Python
python中字符串数组逆序排列方法总结
2019/06/23 Python
从列表或字典创建Pandas的DataFrame对象的方法
2019/07/06 Python
学习python需要有编程基础吗
2020/06/02 Python
使用Python文件读写,自定义分隔符(custom delimiter)
2020/07/05 Python
解决运行django程序出错问题 'str'object has no attribute'_meta'
2020/07/15 Python
python如何编写类似nmap的扫描工具
2020/11/06 Python
纯CSS3实现圆角效果(含IE兼容解决方法)
2014/05/07 HTML / CSS
HTML实现代码雨源码及效果示例
2020/02/25 HTML / CSS
复古服装:RetroStage
2019/05/10 全球购物
超市中秋节促销方案
2014/03/21 职场文书
小学生读书活动总结
2014/06/30 职场文书
国庆横幅标语
2014/10/08 职场文书