韩顺平 javascript教学视频_学习笔记33_js正则表达式开山篇

来源:互联网 发布:中国人工智能排名 编辑:程序博客网 时间:2024/05/11 04:17

js正则表达式开山篇




学习目标













基本概念:





正则表达式是很多语言都支持的

正则表达式的好处:




一个快速入门案例:

问题:给你一个字符串(或一篇文章),请你找出所有四个数字连在一起的子串。

<!DOCTYPE html><html><head><script language="javascript">  function test1(){var con=content.innerText;//window.alert(con);var myReg=/(\d){4}/gi; //这是一个正则表达式对象,可以检索四个连续的数字while(res=myReg.exec(con)){ //res是检索处理的结果,但是一个结果就对应一个数组,该数组的res[0]就在找到的那个文本。window.alert("找到"+res[0]);}}</script></head><body><textarea id="content" rows="10" cols="20">asldkjflksjdkaslkdjf2345saldkjflgkj;lk3894573894dfjlaskdfja;slkf4567lsdkjfg;lasdkgjasdfkljasldkfj3456laskdjf;lakjgzxncvm,</textarea><input type="button" value="测试" onclick="test1()"/></body></html>



小结:
  • 创建一个RegExp对象有两种方法
        1. 隐式创建  var reg=/正则表达式/gi (g表示全局匹配 ,i 表示区分大小写,看后面的修饰符解释)
        2. 显式创建  var reg=new RegExp("正则表达式","gi");




案例代码:

<!DOCTYPE html><html><head><script language="javascript">  function test1(){var con=content.innerText;//window.alert(con);//隐式创建var myReg=/(\d){4}/gi; //这是一个正则表达式对象,可以检索四个连续的数字//var myReg=/韩顺平/gi;// 比如想找韩顺平,直接写 韩顺平 就可以了,其他什么都不用加 //显式创建//var myReg = new RegExp('(\\d){4}','gi');while(res=myReg.exec(con)){ //res是检索处理的结果,但是一个结果就对应一个数组,该数组的res[0]就在找到的那个文本。window.alert("找到"+res[0]);}}</script></head><body><textarea id="content" rows="10" cols="20">asldkjflksjdkaslkdjf2345saldkjflgkj;lk3894573894dfjlaskdfja;slkf4567lsdkjfg;lasdkgjasdfkljasldkfj3456laskdjf;lakjgzxncvm,</textarea><input type="button" value="测试" onclick="test1()"/></body></html>

0 0
原创粉丝点击