您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> 脚本Html教程 >> 正文

精通 JS正则表达式

作者:佚名    责任编辑:admin    更新时间:2022-06-22

正则表达式可以:
•测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证
•替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字
•根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字

正则表达式语法
一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。

创建正则表达式

  1. var re = new RegExp();//RegExp是一个对象,和Aarray一样   
  2. //但这样没有任何效果,需要将正则表达式的内容作为字符串传递进去   
  3. re =new RegExp("a");//最简单的正则表达式,将匹配字母a   
  4. re=new RegExp("a","i");//第二个参数,表示匹配时不分大小写 

	var re = new RegExp();//RegExp是一个对象,和Aarray一样
	//但这样没有任何效果,需要将正则表达式的内容作为字符串传递进去
	re =new RegExp("a");//最简单的正则表达式,将匹配字母a
	re=new RegExp("a","i");//第二个参数,表示匹配时不分大小写


RegExp构造函数第一个参数为正则表达式的文本内容,而第一个参数则为可选项标志.标志可以组合使用



•g (全文查找)


•i (忽略大小写)


•m (多行查找)



Js代码 复制代码 收藏代码
  1. var re = new RegExp("a","gi");//匹配所有的a或A  
var re = new RegExp("a","gi");//匹配所有的a或A

正则表达式还有另一种正则表达式字面量的声明方式


Js代码 复制代码 收藏代码
  1. var re = /a/gi;  
var re = /a/gi;


和正则表达式相关的方法和属性




正则表达式对象的方法



•test,返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式。如果存在则返回 true,否则就返回 false。


•exec, 用正则表达式模式在字符串中运行查找,并返回包<script type="text/javascript" src="http://www.javaeye.com/javascripts/tinymce/themes/advanced/langs/zh.js"></script><script type="text/javascript" src="http://www.javaeye.com/javascripts/tinymce/plugins/javaeye/langs /zh.js"></script>含该查找结果的一个数组。


•compile,把正则表达式编译为内部格式,从而执行得更快。


正则表达式对象的属性



•source,返回正则表达式模式的文本的复本。只读。


•lastIndex,返回字符位置,它是被查找字符串中下一次成功匹配的开始位置。


•$1...$9,返回九个在模式匹配期间找到的、最近保存的部分。只读。


•input ($_),返回执行规范表述查找的字符串。只读。


•lastMatch ($&),返回任何正则表达式搜索过程中的最后匹配的字符。只读。


•lastParen ($+),如果有的话,返回任何正则表达式查找过程中最后括的子匹配。只读。


•leftContext ($`),返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符。只读。


•rightContext ($'),返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符。只读。


String对象一些和正则表达式相关的方法



•match,找到一个或多个正则表达式的匹配。


•replace,替换与正则表达式匹配的子串。


•search,检索与正则表达式相匹配的值。


•split,把字符串分割为字符串数组。




测试正则表达式是如何工作的!


Js代码 复制代码 收藏代码
  1. //test方法,测试字符串,符合模式时返回true,否则返回false   
  2. var re = /he/;//最简单的正则表达式,将匹配he这个单词   
  3. var str = "he";   
  4. alert(re.test(str));//true   
  5. str = "we";   
  6. alert(re.test(str));//false   
  7. str = "HE";   
  8. alert(re.test(str));//false,大写,如果要大小写都匹配可以指定i标志(i是ignoreCase或case-insensitive的表示)   
  9. re = /he/i;   
  10. alert(re.test(str));//true   
  11. str = "Certainly!He loves her!";   
  12. alert(re.test(str));//true,只要包含he(HE)就符合,如果要只是he或HE,不能有其它字符,则可使用^和$   
  13. re = /^he/i;//脱字符(^)代表字符开始位置   
  14. alert(re.test(str));//false,因为he不在str最开始   
  15. str = "He is a good boy!";   
  16. alert(re.test(str));//true,He是字符开始位置,还需要使用$   
  17. re = /^he$/i;//$表示字符结束位置   
  18. alert(re.test(str));//false   
  19. str = "He";   
  20. alert(re.test(str));//true   
  21. //当然,这样不能发现正则表达式有多强大,因为我们完全可以在上面的例子中使用==或indexOf   
  22. re = /s/;// s匹配任何空白字符,包括空格、制表符、换页符等等   
  23. str= "user Name";//用户名包含空格   
  24. alert(re.test(str));//true   
  25. str = "user     Name";//用户名包含制表符   
  26. alert(re.test(str));//true   
  27. re=/^[a-z]/i;//[]匹配指定范围内的任意字符,这里将匹配英文字母,不区分大小写   
  28. str="variableName";//变量名必须以字母开头   
  29. alert(re.test(str));//true   
  30. str="123abc";   
  31. alert(re.test(str));//false  
	//test方法,测试字符串,符合模式时返回true,否则返回false
	var re = /he/;//最简单的正则表达式,将匹配he这个单词
	var str = "he";
	alert(re.test(str));//true
	str = "we";
	alert(re.test(str));//false
	str = "HE";
	alert(re.test(str));//false,大写,如果要大小写都匹配可以指定i标志(i是ignoreCase或case-insensitive的表示)
	re = /he/i;
	alert(re.test(str));//true
	str = "Certainly!He loves her!";
	alert(re.test(str));//true,只要包含he(HE)就符合,如果要只是he或HE,不能有其它字符,则可使用^和$
	re = /^he/i;//脱字符(^)代表字符开始位置
	alert(re.test(str));//false,因为he不在str最开始
	str = "He is a good boy!";
	alert(re.test(str));//true,He是字符开始位置,还需要使用$
	re = /^he$/i;//$表示字符结束位