- 浏览: 376135 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
一半水分子:
你好,我想转载您的文章,需要获取您的许可,请您在看到这条评论时 ...
Centos7 卸载ibus无法进入桌面 -
flylynne:
1、 车辆证书,发票和合格证都要齐全,不能听他们说是分开的,因 ...
技术内容 -
josico:
问一下,如果1替换成 M2替换成 N3替换成 O那其实不要这样 ...
SQL replace的使用 -
xiezhiwei0314:
lomboz 目录我也没有看到
Eclipse SDK安装web开发插件 -
xiezhiwei0314:
我安装好tomact插件但是没有看到web那个目录!在网上查了 ...
Eclipse SDK安装web开发插件
^ The caret (^) tells the regular expression that the character must not match the characters to follow.
比如要匹配所有除了a或b的字符,字符类可以这么写[^ab]
^ 定位符规定匹配模式必须出现在目标字符串的开头
那是否说^ 在[ ] 里面 就表示排除(负向类) , 在[ ] 前面 就表示要在开头 ?
$ 定位符规定匹配模式必须出现在目标对象的结尾
- 范围类,如要匹配a到z的所有字母,字符类可以这么写[a-z]
{n} 出现多少次
/^[0-9]{7}$/ 匹配的就是一个仅包含7个数字的字符串
7.1 RegExp 对象可以有一个或两个参数.
var reCat = new RegExp ("cat") //这个表达式只会匹配字符串中出现的第一个"cat"
var reCat = new RegExp ("cat","g") //匹配所有出现的"cat"
正则表达式字面量
var reCat = /cat/gi ; 注意字面量不需要放在引号里
判断某个字符串是否匹配指定的模式
RegExp.test(str) 如果给定的字符串匹配这个模式,返回true ,否则返回false . reCat.test("cat") //返回true
RegExp. exec(str) 返回一个数组 ,数组中第一个元素是匹配字符串,其他是反向引用 . 如果没有找到匹配,返回null
返回的数组有一个index 属性,这个属性的值是匹配字符串中第一个字符在原字符串中的下标
var toMarch6 = "1 3";
var regExp6 = /(\d+)\s*(\d+)/;
var result = regExp6.exec(toMarch6);
dwr(result);//1 3,1,3
dwr(RegExp.$1 +" "+RegExp.$2);//1 3
当正则表达式加上了参数g ,这个正则表达式会从正则表达式对象的lastIndex 属性指定的位置开始查找,如果找到一个匹配,
会将lastIndex 属性设置为匹配字符串后面一个位置的下标.
var toMarch7 = "1 3 4 5";
var regExp7 = /(\d+)\s*(\d+)/g;
var result7
while((result7= regExp7.exec(toMarch7)) !=null){
dwr(result7);//分别为1 3,1,3 和 4 5,4,5
dwr(regExp7.lastIndex);//分别为3和7
}
String.match(reCat) 返回一个包含在字符串中的所有匹配 的数组
var toMatch = "a bat, a cat, a fAt baT, a faT cat";
var reAt = /at/gi; //如果不加参数g,返回的数组只会包含一个匹配元素
var arrMatchs = toMatch.match(reAt);
返回一个数组["at","at","At","aT","aT","at"]
String.search(reCat) 与indexOf 类似,返回在字符串中出现的第一个 匹配的位置 ,全局匹配表达式g 在这里不起作用 toMatch.search(reAt);//输出3
String.replace(matchStr, replaceStr)
用第二个参数替换 某个子串(第一个参数)的所有匹配 . 第一个参数 既可以是匹配的字符串 ,也可以是用于匹配的一个正则表达式 ,
返回是替换后的整个字符串
var sToChange = "The sky is red";
var reRed = /red/;
sToChange.replace(reRed,"blue" ); //输出The sky is blue
String.split(reCat) 将字符串分割 成子串,作为数组 返回
var sColor = "red, blue, yellow";
var reExp = /\,/;
var arrs = sColor.split(reExp); //得到一个数组["red","blue","yellow" ] 注意逗号 在正则表达式有
特殊含义 ,这边需要转义
7.2 简单模式(元字符 ,字符类 ,量词 )
元字符 11个 ( ) [] {} \ ^ $ | ? * + . 要匹配字符串中的元字符,需要转义 /\^/
注意var reMark = new RegExp("\\^"); 当正则表达式以非字面量的形式 表示时,所有的反斜杠"\" 都要用两个反斜杠"\\" 来替换.
因为javascript字符串解析器会按照翻译\n 的方式尝试翻译\?.为了保证不会出现这个问题,在元字符的前面加上两个反斜杠,
我们称之为双重转义 .(不太懂这个解释,我的理解是\ 本身也是元字符,先要对它转义得到 "\" ,然后再用这个"\" 对接下来的元字符转义)
预定义的特殊字符 |
|
\t |
制表符 |
\n |
换行符 |
\r |
回车符 |
\f |
换页符 |
\a |
Alert 字符 |
\e |
Escape 字符 |
\cX |
与 X 相应的控制字符 |
\b |
回退字符 |
\v |
垂直制表符 |
\o |
空字符 |
字符类 将一些字符放入方括号中 .
1, 简单类
var toMatch = "a bat, a cat, a fAt baT, a faT cat";
var reg = /[bcf]at/gi ;
var arrs = toMatch.match(reg); 返回的数组[“bat”, “Cat”, “fAt”, “baT”, “faT”, “cat”]
2,负向类 可以指定要排除的字符 ,^ 要在[ ] 里面
匹配除了 a 和b 以外的所有字符,那么这个字符类为[^ab] . 脱字符^ 告诉正则表达式字符不能匹配后面 跟着的字符
只想获得包含at但不能以b或c开头的字符, /[^bc]at/gi
3, 范围类
[a-z] 匹配所有小写字母
结合负向类可以排除给定范围内的所有字符 , 例如要排除字符1~4,可以使用类[^1-4]
4, 组合类
[a-z1-9\n]
5, 预定义类
代码 等同于 匹配
. [^\n\r] 除了换行回车意外的任意字符
\d [0-9] 数字
\D [^0-9] 非数字
\s [ \t\n\r\x0B\f] 空白字符
\S [^ \t\n\r\x0B\f] 非空白字符
\w [a-zA-Z_0-9] 单词字符(所有字母,数字和下划线)
\W [^a-zA-Z_0-9] 非单词字符
6, 量词
用于指定某个特定模式出现的次数
? 出现0次或1次
* 出现0次或多次(任意次)
+ 出现1次或多次(至少出现一次)
{n} 一定出现n次
{n,m} 至少出现n次但不超过m次
{n,} 至少出现n次
贪婪的,惰性的,支配性的量词
贪婪量词 先看整个字符串是否匹配,如果没有发现匹配,它去掉该字符串中最后一个字符,并再次尝试.重复这个过程直到发现匹配或者字符串不剩任何字符.
结合下面会见到的两个例子, 实际过程可能是这样的:
第一步按上面的描述执行, 如果字符串不剩任何字符还是没有找到一个匹配, 那么删除字符串的第一个字符, 重复第一步.
惰性量词 先看字符串中第一个字符是否匹配.如果单独这个字符还不够,就读入下一个字符,组成两个字符的字符串.如果还是没有发现匹配,惰性量词继续从
字符串中添加字符直到发现匹配或者整个字符串都检查过也没有匹配.与贪婪量词的工作方式正好相反.
支配量词 只尝试匹配整个字符串.如果整个字符串不能产生匹配,不做进一步尝试.(IE不支持,Mozilla把支配量词当做贪婪的)
贪婪 惰性 支配 描述
? ?? ?+ 零次或一次出现
* *? *+ 零次或多次出现
+ +? ++ 一次或多次出现
{n} {n}? {n}+ 恰好n次出现
{n,m} {n,m}? {n,m}+ 至少n次之多m次出现
{n,} {n,}? {n,}+ 至少n次出现
7.3 复杂模式
1, 分组
分组是通过一系列括号包围一系列字符,字符类以及量词来使用的.
/(dog){2}/g 匹配dogdog
/{[bd]ad?}*/ 匹配ba, da, bad, dad 等
去掉开头结尾的空白字符
String.prototype.trim = function(){
//注意, 分组里面.*?一定要是惰性的,不然这个分组会把最后的空白字符也匹配进去
var reExtraStr = /^\s+(.*?)\s+$/ ;
return this.replace(reExtraStr,"$1");
}
2, 反向引用
在表达式计算完成之后,每个分组都被存放在一个特殊的地方以备将来使用.这些存储在分组中的特殊值,我们称之为反向引用( backreference).
反向引用是按照从左到右遇到的左括号字符的顺序进行创建和编号的.
反向引用的几种不同使用方法:
* 使用正则表达式对象的test(), exec()方法后,反向引用的值可以从RegExp对象的构造函数中获得
var toMarch = "#12345";
var regExp = /#(\d*)/;
regExp.exec(toMarch);
dwr(RegExp.$1);
* 还可以直接在定义分组的表达式中包含反向引用,这可以通过使用特殊转义序列如 \1 , \2 等实现.
var toMarch2 = "dogdog";
var regExp2 = /(dog)\1/;
dwr(regExp2.test(toMarch2));
* 反向引用可以用在String对象的replace()方法中
var toMarch3 = "123123123 3211231231";
var regExp3 = /(\d+)\s*(\d+)/;
var sNew = toMarch3.replace(regExp3,"$2 $1 "); //注意replace不改变原来的字符串,而是返回一个替换后的新字符串
dwr(sNew);
3, 候选
用一个管道符(| ),它放在两个单独的模式之间.
var toMarch4 = "dog";
var toMarch5 = "cat";
var regExp4 = /dog|cat/;
dwr(regExp4.test(toMarch4));//true
dwr(regExp4.test(toMarch5));//true
OR模式的一种通常用法是从用户输入中删除不合适的单词.
var userInput = "badWord1asdasdandBadWord2";
var toMarch6 = /badword1|badword2/gi;
var newStr = userInput.replace(toMarch6, function(march){
return march.replace(/./g,"*");
});
dwr(newStr); //********asdasdand********
string.replace(regexp, replacement)
replacement 既可以是一个替换的字符串,也可以是一个function
如果是function的情况, 这个function会为每一个匹配执行一次,这个function的返回值作为最终替换的字符串.
传给function的第一个参数是第一个匹配的字符串;
第二个参数是匹配字符串在原始字符串中的位置;
第三个参数是原始字符串本身.
4, 非捕获性分组
创建反向引用的分组称为捕获性分组, 非捕获性分组不会创建反向引用.
在较长的正则表达式中存储反向引用会降低匹配的速度.
要创建非捕获性分组,只要在左括号后面紧跟一个问号和冒号.
var str = "#123456";
var regE = /#(?: 123456)/;
regE.test(str);
dwr(RegExp.$1); //""
//去除所有的HTML标签
String.prototype.skipHTML = function(){
var regExp = /<(?:.|\s)*?>/g ;
return this.replace(regExp,"");
}
5, 前瞻
表示当某个特定的字符分组出现在另一个字符串之前时才去捕获它.
前瞻分正向前瞻 和负向前瞻 , 正向前瞻检查的是接下来出现的是不是某个特定的字符集. 而负向前瞻则是检查接下来的不应该出现的特定字符集.
正向前瞻需要将模式放在(?= 和 ) 之间,注意这不是分组,虽然它也用到括号. 负向前瞻需要将模式放在(!= 和 ) 之间.
var toMarch1 = "bedroom";
var toMarch2 = "bedding";
var bedReg = /(bed(?=room))/;
dwr(bedReg.test(toMarch1)); //true
dwr(bedReg.exec(toMarch1)); //bed,bed 因此这个正则表达式返回的第一个匹配是bed,而不是bedroom,但是它只会去匹配后面跟着 room的bed,有点搞
dwr(RegExp.$1); //bed
dwr(bedReg.test(toMarch2)); //false
6, 边界
边界用于正则表达式中表示模式的位置.
^ 行开头
$ 行结尾
\b 单词的边界
\B 非单词的边界
查找一个出现在行尾的单词:
var toMarch3 = "Important word is the last one.";
var regExp3 = /(\w+)\.$/ ; //这边结合上面对贪婪量词的解释,有点不明白为何能匹配one?.
regExp3.test(toMarch3);
dwr(RegExp.$1);//one
查找一个出现在行首的单词:
var toMarch4 = "Important word is the last one.";
var regExp4 = /^(\w+)/ ; //或者var regExp4 = /^(.+?)\b/;
regExp4.test(toMarch4);
dwr(RegExp.$1);
抽取出所有的单词
var toMarch5 = "First Second Third Fourth Fifth Sixth";
var regExp5 = /\b(\S+?)\b/g ; //或者 /\b(\S+)\b/g 和 /(\w+)/g
var sArr = toMarch5.match(regExp5);
dwr(sArr);//First Second Third Fourth Fifth Sixth
注意这边如果用/(\w+?)/g 是不行的,这样得到的是一个一个的字母F,i,r,s,t,S...
==========================================================================================
与上面疑问类似的一个问题
例子代码,如下:
str = "abbb1234abbbaabbbaaabbb1234";
re = /.*bbb/g;
alert(str.match(re)); //结果为abbb1234abbbaabbbaaabbb
re = /.*?bbb/g;
alert(str.match(re)); //结果为abbb,1234abbb,aabbb,aaabbb
re = /a*bbb/g;
alert(str.match(re)); //结果为abbb,abbb,aabbb,aaabbb
re = /a*?bbb/g;
alert(str.match(re)); //结果为abbb,abbb,aabbb,aaabbb
对于第一、第二和第四个打印结果容易理解:
第一个str.match(re),贪婪量词先匹配整个字串,若不匹配去掉一个尾字符,继续匹配;
第二个str.match(re),惰性量词从第一个字符开始递加去匹配,直到匹配成功,清空字串,从下一个字符继续匹配。
第四个str.match(re),同第二个。
但第三个就不知道如何解释,如果按照第一个的方式去理解:
先匹配整个字串,发现不匹配,去掉尾字符,继续匹配...到最后,结果应该是abbb;
而其结果却为abbb,abbb,aabbb,aaabbb
以下为论坛解释
对于第三个正则,就是这样来执行的;
首先清楚了是用了简单量词(*),而我们知道了*是贪婪量词:
贪婪量词执行过程。正好楼主所说的那样。“先匹配整体,若不匹配则去掉尾字符继续匹配,直到成功或者结束”
这样说应说只能得到第一被匹配的对象。
javascript 中的match返回的是所有匹配。
对于要返回所有匹配。
它还有第二个步:就是匹配成功后, 从最近的一个匹配后的下一个字符开始重新贪婪模式匹配。 重新执行它的步骤;
例:
str = "abbb1234abbbaabbbaaabbb1234";
re = /a*bbb/g;
alert(str.match(re));
它的执行过程:
第一步:首先整个字符串("abbb1234abbbaabbbaaabbb1234")匹配,发现匹配不成功,
接着。删除最后一个字符("4"),成了("abbb1234abbbaabbbaaabbb123"),这样依次执行下去;
执行...最后, 发现("abbb")可以被匹配了..所以生成第一个匹配值。
但在这个match方法中是返回所有匹配。所以..
第二步:从最近的一个匹配(这里就是第一次匹配了)后的下一个字符开始重新贪婪模式匹配.得到字符串是
("1234abbbaabbbaaabbb1234"),然后。就按第一步执行。。
执行完第一步后。
然后就从最近一次(这里就是第二次匹配了)
....后面的过程就是重复一二步了。。
但第二步时若继续按正则/a*bbb/g 去匹配“1234abbbaabbbaaabbb1234” 的话,应该是匹配不到才对吧?
---------------------------------------------------
怎么匹配不到呢。。
正则表达式执行的时候。首先得找到前导字符(a), a是一个普通字符。普通字符,搜索的顺序为从左到右。。
所以搜索 “1234abbbaabbbaaabbb1234”字符串时,
得先匹配出a字符来"abbbaabbbaaabbb1234”,
而解析器又发现了a后面是一个贪婪字符。就按贪婪模式去匹配(从右到左)
注意: /a*bbb/g 用到了全局匹配, 以上分析的症结所在可能就是因为一个"g"
==========================================================================================
7, 多行模式
一下代码中的正则表达式想要匹配行末的一个单词.它只会匹配最后的Sixth, 但实际上这个字符串包含两个换行符,因此, Second, Fourth也应该匹配出来,因此引入了多行模式
var toMarch6 = "First Second\nThird Fourth\nFifth Sixth";
var regExp6 = /(\w+)$/g;
var sArr6 = toMarch6.match(regExp6);
dwr(sArr6);
要引入多行模式,需要在正则表达式后面添加m 选项, 这会让$边界匹配换行符(\n) 和字符串真正的结尾.
var regExp6 = /(\w+)$/gm;
判断日期的正则表达式:
function isValidDate(s){
var reDate = /(?:[1-9]|0[1-9]|[12][0-9]|3[01])\/(?:[1-9]|0[1-9]|1[0-2])\/(?:19\d{2}|20\d{2})/;
return reDate.test(s);
}
发表评论
-
经典面试题
2012-08-20 23:47 1409public class ThreadMethod { p ... -
IE compatibility note-opacity
2012-06-12 13:47 1048if we want to use label pic to ... -
JS 笔试题
2012-06-12 13:41 2229一、单选题 1、以下哪条语句会产生运行错误:(a) A.v ... -
js 闭包
2012-06-11 13:29 951这里有一个地方需要注意,函数内部声明变量的时候,一定要使用va ... -
JavaScript 获取客户端计算机硬件及系统信息
2010-09-06 14:56 2118JavaScript 获取客户端计 ... -
dom4j读取xml
2010-02-01 14:23 2663SAXReader reader = new SAXReade ... -
守护进程
2010-01-27 09:12 1529某程序(进程)在运行的时候可能挂掉,需要去监控该程序,并在它挂 ... -
JavaScript基本属性方法
2010-01-21 14:42 1075JavaScript基本属性方法参考 document.bo ... -
frame,cookie,this对象
2009-12-03 11:23 1233frame 框架对象 --使用方法 ----用最容易理解的话说 ... -
Javascript语法要点
2009-12-03 11:19 18491.基本格式 <script> ... -
Window、document、form(属性、方法、事件)
2009-12-03 11:09 1710Window 窗口对象 --返回值:它打开的窗口对象。 --- ...
相关推荐
JavaScript 正则表达式迷你书 本书是 JavaScript 正则表达式的入门级教程,旨在帮助读者快速掌握正则表达式的基本概念和应用。下面是本书的知识点摘要: 第一章:正则表达式字符匹配攻略 * 两种模糊匹配:横向...
《JavaScript正则表达式迷你书》是一本关于JavaScript正则表达式的专业书籍,正则表达式是处理字符串的强大工具,广泛应用于编程语言中的文本处理。本书从字符匹配、位置匹配、括号的作用、回溯法原理、拆分、构建和...
这篇学习笔记将深入探讨JavaScript正则表达式的概念、语法和实际应用。 一、正则表达式基础 1. 创建正则表达式: - 字面量表示法:`/pattern/flags` - 构造函数:`new RegExp('pattern', 'flags')` 2. 常见的...
JavaScript正则表达式是编程语言中的一个重要组成部分,用于处理文本模式匹配和字符串操作。这篇博客“javascript正则表达式综合练习”可能是一个实践教程或示例集合,旨在帮助开发者提升在JavaScript中使用正则...
**JavaScript正则表达式迷你书(1.1版)** 正则表达式是JavaScript中一个强大的工具,用于处理文本字符串,进行模式匹配和查找、替换等操作。它们在编程逻辑中扮演着至关重要的角色,尤其是在处理字符串数据时,...
javascript正则表达式详解 (chm)
JavaScript中的正则表达式是一种强大的文本处理工具,用于在字符串中执行模式匹配和搜索操作。它们在数据验证、文本替换和提取子字符串等任务中扮演着核心角色。 首先,正则表达式允许我们测试字符串是否符合特定...
JavaScript 正则表达式详解 JavaScript 中的正则表达式是指使用特殊字符来描述字符串模式的表达式。正则表达式可以用来匹配、检索和操作字符串。 RegExp 对象 在 JavaScript 中,正则表达式可以被定义为一个 ...
JavaScript正则表达式是JavaScript语言中一种极为重要的文本处理工具,它允许通过简洁的语法定义文本的匹配模式。这些模式可用来对字符串进行检索、替换、提取等操作。了解和掌握JavaScript正则表达式,对于提高...
JavaScript正则表达式是网页开发中的重要工具,用于处理文本数据的验证、查找、替换等操作。在网页制作过程中,熟练掌握正则表达式能够极大地提高代码效率和灵活性。本压缩包“Javascript正则表达式测试网页.rar”...
了解正则表达式概念 掌握正则表达式的语法 熟练掌握正则表达式在JavaScript中的应用
以下是一些常见的JavaScript正则表达式及其应用: 1. **匹配中文字符**:`[\u4e00-\u9fa5]` 这个正则表达式用于匹配Unicode范围内的中文字符,包括所有汉字。例如,如果你想在一个字符串中查找所有中文字符,可以...
### JavaScript正则表达式在表单验证中的应用详解 在Web开发中,表单验证是确保数据质量和用户体验的重要环节。JavaScript正则表达式提供了一种强大的工具,用于前端数据校验,确保用户输入的数据格式正确无误。...
下面详细解析了文档中提到的JavaScript正则表达式实战应用的各个方面。 首先,匹配结尾的数字是正则表达式的一个常用功能。在JavaScript中,可以使用正则表达式/\d+$/g来实现。这个表达式可以找到字符串中最后一个...
JavaScript正则表达式工具是一种基于JavaScript开发的应用程序,旨在帮助开发者和编程爱好者更方便地理解和使用正则表达式。在编程领域,正则表达式(Regular Expression)是一种强大的文本处理工具,广泛应用于字符...