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 相关文章推荐
js 异步操作回调函数如何控制执行顺序
Dec 24 Javascript
ie8本地图片上传预览示例代码
Jan 12 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
Sep 14 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
javascript学习指南之回调问题
Apr 23 Javascript
jquery组件WebUploader文件上传用法详解
Oct 23 Javascript
easyui-combobox 实现简单的自动补全功能示例
Nov 08 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
Nov 30 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
vue中使用localstorage来存储页面信息
Nov 04 Javascript
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
Aug 30 Javascript
JS实现骰子3D旋转效果
Oct 24 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
Laravel框架表单验证详解
2014/09/04 PHP
将PHP从5.3.28升级到5.3.29时Nginx出现502错误
2015/05/09 PHP
深入理解PHP之OpCode原理详解
2016/06/01 PHP
php之可变函数的实例详解
2017/09/13 PHP
PHP7内核CGI与FastCGI详解
2019/04/14 PHP
PHP如何解决微信文章图片防盗链
2020/12/09 PHP
JavaScript中“基本类型”之争小结
2013/01/03 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
2013/12/05 Javascript
Javascript的严格模式strict mode详细介绍
2014/06/06 Javascript
原生JS绑定滑轮滚动事件兼容常见浏览器
2014/06/30 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
2014/07/28 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
Jquery代码实现图片轮播效果(一)
2015/08/12 Javascript
基于javascript实现的购物商城商品倒计时实例
2016/12/11 Javascript
微信小程序 在线支付功能的实现
2017/03/14 Javascript
jQuery实现jQuery-form.js实现异步上传文件
2017/04/28 jQuery
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
vue实现图片裁剪后上传
2020/12/16 Vue.js
python使用PyFetion来发送短信的例子
2014/04/22 Python
Python使用asyncio包处理并发详解
2017/09/09 Python
Python缓存技术实现过程详解
2019/09/25 Python
在Pytorch中计算卷积方法的区别详解(conv2d的区别)
2020/01/03 Python
Python如何使用内置库matplotlib绘制折线图
2020/02/24 Python
The Hut德国站点:时装、家居用品、美容等
2016/09/23 全球购物
Scotch Porter官方网站:男士美容产品
2020/08/31 全球购物
网站编辑求职信
2013/10/17 职场文书
学前教育毕业生自荐信
2013/10/29 职场文书
高中生操行评语大全
2014/04/25 职场文书
宣传标语大全
2014/07/01 职场文书
校园元旦活动总结
2014/07/09 职场文书
临床医学专业求职信
2014/08/08 职场文书
品牌转让协议书
2014/08/20 职场文书
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
土建施工员岗位职责
2015/04/11 职场文书
结婚仪式主持词
2015/06/29 职场文书
青年教师听课心得体会
2016/01/15 职场文书