源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

精通 JavaScript中的正则表达式手机整理 推荐

  • 时间:2021-12-09 09:12 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:精通 JavaScript中的正则表达式手机整理 推荐
正则表达式可以: •测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字 •根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字 正则表达式语法 一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。 [b]创建正则表达式[/b] Js代码
[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]
注意,当search方法没有找到匹配时,将返回-1 类似于exec方法,String对象的match方法也用于将字符串与正则表达式进行匹配并返回结果数组
[u]复制代码[/u] 代码如下:
var str = "My name is CJ.Hello everyone!"; var re = /[A-Z]/;//匹配所有大写字母 var arr = str.match(re);//返回数组 alert(arr);//数组中只会包含一个M,因为我们没有使用全局匹配 re = /[A-Z]/g; arr = str.match(re); alert(arr);//M,C,J,H //从字符串中抽取单词 re = /\b[a-z]\b/i;//\b表示单词边界 str = "one two three four"; alert(str.match(re));//one,two,three,four
RegExp对象实例的一些属性 Js代码
[u]复制代码[/u] 代码如下:
var re = /[a-z]/i; alert(re.source);//将[a-z]字符串输出 //请注意,直接alert(re)会将正则表达式连同前向斜线与标志输出,这是re.toString方法定义的
每个RegExp对象的实例具有lastIndex属性,它是被查找字符串中下一次成功匹配的开始位置,默认值是-1。 lastIndex 属性被 RegExp 对象的 exec 和 test 方法修改.并且它是可写的.
[u]复制代码[/u] 代码如下:
var re = /[A-Z]/; //exec方法执行后,修改了re的lastIndex属性, var str = "Hello,World!!!"; var arr = re.exec(str); alert(re.lastIndex);//0,因为没有设置全局标志 re = /[A-Z]/g; arr = re.exec(str); alert(re.lastIndex);//1 arr = re.exec(str); alert(re.lastIndex);//7
当匹配失败(后面没有匹配),或lastIndex值大于字符串长度时,再执行exec等方法会将lastIndex设为0(开始位置)
[u]复制代码[/u] 代码如下:
var re = /[A-Z]/; var str = "Hello,World!!!"; re.lastIndex = 120; var arr = re.exec(str); alert(re.lastIndex);//0
RegExp对象的静态属性
[u]复制代码[/u] 代码如下:
//input 最后用于匹配的字符串(传递给test,exec方法的字符串) var re = /[A-Z]/; var str = "Hello,World!!!"; var arr = re.exec(str); alert(RegExp.input);//Hello,World!!! re.exec("tempstr"); alert(RegExp.input);//仍然是Hello,World!!!,因为tempstr不匹配 //lastMatch 最后匹配的字符 re = /[a-z]/g; str = "hi"; re.test(str); alert(RegExp.lastMatch);//h re.test(str); alert(RegExp["$&"]);//i ,$&是lastMatch的短名字,但由于它不是合法变量名,所以要。。 //lastParen 最后匹配的分组 re = /[a-z](\d+)/gi; str = "Class1 Class2 Class3"; re.test(str); alert(RegExp.lastParen);//1 re.test(str); alert(RegExp["$+"]);//2 //leftContext 返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符 //rigthContext 返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符 re = /[A-Z]/g; str = "123ABC456"; re.test(str); alert(RegExp.leftContext);//123 alert(RegExp.rightContext);//BC456 re.test(str); alert(RegExp["$`"]);//123A alert(RegExp["$'"]);//C456
multiline属性返回正则表达式是否使用多行模式,这个属性不针对某个正则表达式实例,而是针对所有正则表达式,并且这个属性可写.(IE与Opera不支持这个属性)
[u]复制代码[/u] 代码如下:
alert(RegExp.multiline); //因为IE,Opera不支持这个属性,所以最好还是单独指定 var re = /\w+/m; alert(re.multiline); alert(RegExp["$*"]);//RegExp对象的静态属性不会因为给RegExp某个对象实例指定了m标志而改变 RegExp.multiline = true;//这将打开所有正则表达式实例的多行匹配模式 alert(RegExp.multiline);
使用元字符注意事项:元字符是正则表达式的一部分,当我们要匹配正则表达式本身时,必须对这些元字符转义.下面是正则表达式用到的所有元字符 ( [ { \ ^ $ | ) ? * + .
[u]复制代码[/u] 代码如下:
var str = "?"; var re = /?/; alert(re.test(str));//出错,因为?是元字符,必须转义 re = /\?/; alert(re.test(str));//true
使用RegExp构造函数与使用正则表达式字面量创建正则表达式注意点
[u]复制代码[/u] 代码如下:
var str = "\?"; alert(str);//只会输出? var re = /\?/;//将匹配? alert(re.test(str));//true re = new RegExp("\?");//出错,因为这相当于re = /\?/ re = new RegExp("\\?");//正确,将匹配? alert(re.test(str));//true
既然双重转义这么不友好,所以还是用正则表达式字面量的声明方式 如何在正则表达式中使用特殊字符?
[u]复制代码[/u] 代码如下:
//ASCII方式用十六进制数来表示特殊字符 var re = /^\x43\x4A$/;//将匹配CJ alert(re.test("CJ"));//true //也可使用八进制方式 re = /^\103\112$/;//将匹配CJ alert(re.test("CJ"));//true //还可以使用Unicode编码 re =/^\u0043\u004A$/;//使用 Unicode,必须使用u开头,接着是字符编码的四位16进制表现形式 alert(re.test("CJ"));
另处,还有一些其它的预定义特殊字符,如下表所示: 字符 描述 \n 换行符 \r 回车符 \t 制表符 \f 换页符(Tab) \cX 与X对应的控制字符 \b 退格符(BackSpace) \v 垂直制表符 \0 空字符("") 字符类 ---〉简单类,反向类,范围类,组合类,预定义类
[u]复制代码[/u] 代码如下:
//简单类 var re = /[abc123]/;//将匹配abc123这6个字符中一个 //负向类 re = /[^abc]/;//将匹配除abc之外的一个字符 //范围类 re = /[a-b]/;//将匹配小写a-b 26个字母 re = /[^0-9]/;//将匹配除0-9 10个字符之处的一个字符 //组合类 re = /[a-b0-9A-Z_]/;//将匹配字母,数字和下划线
下面是正则表达式中的预定义类 代码 等同于 匹配 . IE下[^\n],其它[^\n\r] 匹配除换行符之外的任何一个字符 \d [0-9] 匹配数字 \D [^0-9] 匹配非数字字符 \s [ \n\r\t\f\x0B] 匹配一个空白字符 \S [^ \n\r\t\f\x0B] 匹配一个非空白字符 \w [a-zA-Z0-9_] 匹配字母数字和下划线 \W [^a-zA-Z0-9_] 匹配除字母数字下划线之外的字符 量词(下表量词单个出现时皆是贪婪量词) 代码 描述 * 匹配前面的子表达式零次或多次。例如,zo* 能匹配 "z" 以及 "zoo"。 * 等价于{0,}。 + 匹配前面的子表达式一次或多次。例如,'zo+' 能匹配 "zo" 以及 "zoo",但不能匹配 "z"。+ 等价于 {1,}。 ? 匹配前面的子表达式零次或一次。例如,"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等价于 {0,1}。 {n} n 是一个非负整数。匹配确定的 n 次。例如,'o{2}' 不能匹配 "Bob" 中的 'o',但是能匹配 "food" 中的两个 o。 {n,} n 是一个非负整数。至少匹配n 次。例如,'o{2,}' 不能匹配 "Bob" 中的 'o',但能匹配 "foooood" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。 {n,m} m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。刘, "o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。 贪婪量词与惰性量词 •用贪婪量词进行匹配时,它首先会将整会字符串当成一个匹配,如果匹配的话就退出,如果不匹配,就截去最后一个字符进行匹配,如果不匹配,继续将最后一个字符截去进行匹配,直到有匹配为止。直到现在我们遇到的量词都是贪婪量词 •用贪婪量词进行匹配时,它首先将第一个字符当成一个匹配,如果成功则退出,如果失败,则测试前两个字符,依些增加,直到遇到合适的匹配为止 惰性量词仅仅在贪婪量词后面加个"?"而已,如"a+"是贪婪匹配的,"a+?"则是惰性的
[u]复制代码[/u] 代码如下:
var str = "abc"; var re = /\w+/;//将匹配abc re = /\w+?/;//将匹配a
多行模式
[u]复制代码[/u] 代码如下:
var re = /[a-z]$/; var str = "ab\ncdef"; alert(str.replace(re,"#"));//ab\ncde# re =/[a-z]$/m; alert(str.replace(re,"#"));//a#\ncde#
分组与非捕获性分组
[u]复制代码[/u] 代码如下:
re = /abc{2}/;//将匹配abcc re = /(abc){2}/;//将匹配abcabc //上面的分组都是捕获性分组 str = "abcabc ###"; arr = re.exec(str); alert(arr[1]);//abc //非捕获性分组 (?:) re = /(?:abc){2}/; arr = re.exec(str); alert(arr[1]);//undefined
候选(也就是所说的“或”)
[u]复制代码[/u] 代码如下:
re = /^a|bc$/;//将匹配开始位置的a或结束位置的bc str ="add"; alert(re.test(str));//true re = /^(a|bc)$/;//将匹配a或bc str ="bc"; alert(re.test(str));//true
当包含分组的正则表达式进行过test,match,search这些方法之后,每个分组都被放在一个特殊的地方以备将来使用,这些存储是分组中的特殊值,我们称之为反向引用
[u]复制代码[/u] 代码如下:
var re = /(A?(B?(C?)))/; /*上面的正则表达式将依次产生三个分组 (A?(B?(C?))) 最外面的 (B?(C?)) (C?)*/ str = "ABC"; re.test(str);//反向引用被存储在RegExp对象的静态属性$1—$9中 alert(RegExp.$1+"\n"+RegExp.$2+"\n"+RegExp.$3); //反向引用也可以在正则表达式中使用\1 ,\2...这类的形式使用 re = /\d+(\D)\d+\1\d+/; str = "2008-1-1"; alert(re.test(str));//true str = "2008-4_3"; alert(re.test(str));//false
使用反向引用可以要求字符串中某几个位置上的字符必须相同.另外,在replace这类方法中可用特殊字符序列来表示反向引用 Js代码
[u]复制代码[/u] 代码如下:
re = /(\d)\s(\d)/; str = "1234 5678"; alert(str.replace(re,"$2 $1"));//在这个里面$1表示第一个分组1234,$2则表示5678
其它——〉正向前瞻,用来捕获出现在特定字符之前的字符,只有当字符后面跟着某个特定字符才去捕获它。与正向前瞻对应的有负向前瞻,它用匹配只有当字符后面不跟着某个特定字符时才去匹配它。在执行前瞻和负向前瞻之类的运算时,正则表达式引擎会留意字符串后面的部分,然而却不移动index
[u]复制代码[/u] 代码如下:
//正向前瞻 re = /([a-z]+(?=\d))/i; //我们要匹配后面跟一个数字的单词,然后将单词返回,而不要返回数字 str = "abc every1 abc"; alert(re.test(str));//true alert(RegExp.$1);//every alert(re.lastIndex);//使用前瞻的好处是,前瞻的内容(?=\d)并不会当成一次匹配,下次匹配仍从它开始 //负向前瞻(?!) re = /([a-z](?!\d))/;i //将匹配后面不包含数字的字母,并且不会返回(?!\d)中的内容 str = "abc1 one"; alert(re.test(str)); alert(RegExp.$1);//one
构建一个验证电子邮箱地址有效性的正则表达式。电子邮箱地址有效性要求(我们姑且这样定义):用户名只能包含字母数字以及下划线,最少一位,最多25位,用户名后面紧跟@,后面是域名,域名名称要求只能包含字母数字和减号(-),并且不能以减号开头或结尾,然后后面是域名后缀(可以有多个),域名后缀必须是点号连上2-4位英文字母
[u]复制代码[/u] 代码如下:
var re = /^\w{1,15}(?:@(?!-))(?:(?:[a-z0-9-]*)(?:[a-z0-9](?!-))(?:\.(?!-)))+[a-z]{2,4}$/;
好像漏了些,比如,replace方法第二个参数作为函数的情况 恰巧上次在某君博客里看到一个面试题,读取一个文本文件中的字符串,统计其中的"9"出现的次数,用JS写个也很简单(不包含打开文件的代码,打开文件可以用ActiveXObject等浏览器提供的对象弄)
[u]复制代码[/u] 代码如下:
var str="ADF9DF9DF9",//那个文本文件中的字符串; re=/9/gi,//匹配9 counter=0;//计数器 str.replace(re,function () { counter++;//每出现一次匹配,函数就被执行一次,函数的返回值用来替换原值 return "#"; }); //最后str 变成 ADF#DF#DF#"
至于传递给replace方法的函数接收的参数....楼下继续 你说的那个问题: $&是lastMatch的短名字 还有,不知道为什么你的正则表达式中没有对{}两个特殊字符转义 提到JS的兼容性问题,这里要提的是RegExp对象实例的compile 方法 compile方法用来将正则表达式编译为内部格式以使其执行的更快 Js代码
[u]复制代码[/u] 代码如下:
var re = new RegExp(); re.compile("[0-9]\\n");//注意要对斜杠多转义一次,compile方法返回值为re这个对象(编译后的)
但经测试,这个方法在Safari及Chrome类似的浏览器,compile方法始终返回undefined,不可用
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部