JS—正则表达式

正则表达式的元字符是包含特殊含义的字符,它们有一些特殊的功能,可以控制匹配模式的方式,反斜杠后的元字符失去其特殊含义。

  • 单个字符和数字

    • .表示匹配除换行符外的单个字符,两个.就表示匹配两个字符

       var pattern1=/g.gle/;
       alert(pattern1.test(‘gogle‘))//true
       alert(pattern1.test(‘g\ngle‘))//换行符false
       alert(pattern1.test(‘ggle‘))//没有匹配false
       var pattern2=/g..gle/;
       alert(pattern2.test(‘google‘))//true
       alert(pattern2.test(‘gooogle‘))//false
    • [a-z0-9A-Z]
      • [a-z] 表示26个小写字母任意一个都匹配

         var pattern1=/[a-z]oogle/;
          alert(pattern1.test(‘hoogle‘))//true
          alert(pattern1.test(‘google‘))//true
      • [A-Z] 表示26个大写字母任意一个都匹配
         var pattern1=/[A-Z]oogle/;
          alert(pattern1.test(‘Aoogle‘))//true
          alert(pattern1.test(‘google‘))//false
      • [0-9] 表示0-9任意一个数字都匹配
          var pattern1=/[0-9]oogle/;
           alert(pattern1.test(‘000000oogle‘))//true
           alert(pattern1.test(‘google‘))//flase
      • [a-zA-Z0-9] 表示匹配任意字母与数字
           var pattern1=/[a-zA-Z0-9]oogle/;
           alert(pattern1.test(‘0oogle‘))//true
           alert(pattern1.test(‘google‘))//true
           alert(pattern1.test(‘Foogle‘))//true

        【结合重复字符使用】表示可以匹配任意多个字符

               var pattern1=/[0-9]*oogle/;
               alert(pattern1.test(‘oogle‘))//true
               alert(pattern1.test(‘00000google‘))//true
    • [^a-z]表示取非,任意非小写字母
       var pattern1=/[^a-z]oogle/;
       alert(pattern1.test(‘0oogle‘))//true
       alert(pattern1.test(‘google‘))//flase
       alert(pattern1.test(‘Foogle‘))//true

      当然也可以是任意非大写字母,非数字,非~

    • \w小写表示匹配字母数字及_
       var pattern1=/[a-zA-Z0-9_]oogle/;//可以被后者取代
       var pattern2=/\woogle/;
       alert(pattern2.test(‘_oogle‘))//true
       alert(pattern2.test(‘.oogle‘))//false
    • \W大写是小写的否定即,表示匹配任意非数字字母下划线
    • \d匹配数字
       var pattern1=/[0-9]oogle/;
       var pattern2=/\doogle/;
       alert(pattern2.test(‘2oogle‘))//true
       alert(pattern2.test(‘.oogle‘))//false
    • \D大写取非咯
  • 空白字符

    • \s表示空白匹配

      var pattern1=/goo\sgle/;
       alert(pattern1.test(‘goo gle‘))//true
  • 锚字符
    • ^[]放在中括号外面哦,表示限制中括号内的内容出现在字符串的开始,
    • []$表示限制中括号的内容,或紧邻其的一个字符需要出现在字符串的结尾
       var pattern1=/^google$/;
       alert(pattern1.test(‘google‘))//true
       var pattern2=/^google/;
       alert(pattern2.test(‘googleeeeee‘))//true
       var pattern3=/google$/;
       alert(pattern3.test(‘gggggoogle‘))//true
       var pattern1=/^google[0-9]$/;
       alert(pattern1.test(‘google7777‘))//false
       alert(pattern1.test(‘google7‘))//true
    • \b表示是否达到边界
       var pattern1=/google\b/;
       alert(pattern1.test(‘google‘))//true
       var pattern1=/google\b/;
       alert(pattern1.test(‘googlee‘))//flase
  • 重复字符
    • *表示匹配0个或任意多个*前面的字符

       var pattern1=/go*gle/;
       alert(pattern1.test(‘ggle‘))//true
       alert(pattern1.test(‘gogle‘))//true
       alert(pattern1.test(‘gooogle‘))//true
    • +表示匹配1个或多个+前面的字符
      var pattern1=/go+gle/;
       alert(pattern1.test(‘ggle‘))//false
       alert(pattern1.test(‘gogle‘))//true
       alert(pattern1.test(‘gooogle‘))//true
    • 表示匹配0个或一个?前面的字符
      var pattern1=/go?gle/;
       alert(pattern1.test(‘ggle‘))//true
       alert(pattern1.test(‘gogle‘))//true
       alert(pattern1.test(‘gooogle‘))//false

      这个是表示对任意字符的重复限制。

      var pattern1=/g.?gle/;
       alert(pattern1.test(‘ggle‘))//true
       alert(pattern1.test(‘gbgle‘))//true
    • {m,n}匹配m~n个包括m与n个
       var pattern1=/go{2,4}gle/;
       alert(pattern1.test(‘gooooogle‘))//false
       alert(pattern1.test(‘google‘))//true

      表示只匹配限定个数个

       var pattern1=/go{2}gle/;
       alert(pattern1.test(‘gooooogle‘))//false
       alert(pattern1.test(‘google‘))//true

      表示至少匹配某个

       var pattern1=/go{2,}gle/;
       alert(pattern1.test(‘gooooogle‘))//true
       alert(pattern1.test(‘google‘))//true
    • ()+匹配至少一个模式
      var pattern1=/(google)+/;//对google这个字符串进行重复匹配
       alert(pattern1.test(‘googlegooglegoogle‘))//true
  • 或字符
    或模式匹配
      var pattern1=/google|baidu|bing/;//或模式匹配
       alert(pattern1.test(‘this is baidu‘))//true
       alert(pattern1.test(‘soso‘))//false
  • 替代字符
      var pattern1=/(.*)\s(.*)/;//替换
      var str=‘google baidu‘;
      alert(str.replace(pattern1,‘$2 $1‘));//baidu google
      var pattern1=/8(.*)8/;//获取88之间的任意字符
      var str=‘this is 8google8‘;
      document.write(str.replace(pattern1,‘<strong>$1</strong>‘))
  • 记录字符
    • 分组

      var pattern1=/(google){2,4}/;//对google这个字符串进行重复匹配
       alert(pattern1.test(‘googlegooglegoogle‘))//true
       alert(pattern1.test(‘google‘))//flase
    • 捕获分组
      var pattern1=/8(.*)8/;//获取88之间的任意字符
       alert(pattern1.test(‘this is 8google8‘))//true
      alert(RegExp.$1);//google表示获取模式中第一个分组对应的匹配的字符串,必须得运行过。


贪婪与惰性

  • 贪婪模式

      var pattern=/8(.*)8/;// 使用了贪婪,匹配到了google8 8google8 8google
      var str=‘8google8 8google8 8google8‘;
      document.write(str.replace(pattern,‘<strong>$1</strong>‘))
  • 惰性模式
      var pattern=/8(.*?)8/g;//惰性模式,全部匹配
      var str=‘8google8 8google8 8google8‘;
      document.write(str.replace(pattern,‘<strong>$1</strong>‘))

    在*后面多加一个?表示取消贪婪模式,进行惰性模式,只进行匹配一个。
    下面这个是没有采用惰性模式,只是将匹配的结果中除去了8

      var pattern=/8([^8]*)8/g;//惰性模式,全部匹配
      var str=‘8google8 8google8 8google8‘;
      document.write(str.replace(pattern,‘<strong>$1</strong>‘))

  • 捕获与非捕获
    未添加分组时:.exec只返回当前位置匹配的字符串

      var pattern=/[a-z]*\s\d{4}/;
      var str=‘google 2015‘;
      alert(pattern.exec(str));//google 2015

    添加分组后,该分组内容被捕获,并赋给exec所返回的数组

      var pattern=/([a-z]*)\s(\d{4})/;
      var str=‘google 2015‘;
      alert(pattern.exec(str));//google 2015,goole,2015

    非捕获即取消分组被捕获(?:)通过在分组前加上问号与冒号,便可以取消捕获该分组。

      var pattern=/([a-z]*)\s(?:\d{4})/;
      var str=‘google 2015‘;
      alert(pattern.exec(str));//google 2015,goole
  • 分组嵌套
    嵌套分组需要~从外往内获取~
      var pattern=/(a?(b?(c?)))/;
      var str=‘abc‘;
      alert(pattern.exec(str));//abc,abc,bc,c

    第一步:获得匹配字符串:abc
    第二步:获得第一个分组,即最外层:abc
    第三步:获得第二个分组,bc
    第四步:获得最内层分组c

  • 使用前瞻捕获
      var pattern=/goo(?=gle)/;
      var str=‘google‘;
      alert(pattern.exec(str));//goo

    在正则匹配的字符串之后添加一对(),该括号内定义了匹配条件,只有当满足条件时,才可以进行匹配。注意该例子的最后匹配值为goo。

  • 使用特殊字符匹配
      var pattern=/\[/;
      var str=‘[‘;
      alert(pattern.test(str));//true

    对于要匹配特殊最的情况,需要在其前加上斜杠,来标识。

  • 换行模式

      var pattern=/\d+/g;
      var str=‘1、abc\n2、edf‘;
      alert(str.replace(pattern,‘#‘));//完全匹配,并替换
    
      var pattern=/^\d+/g;
      var str=‘1、abc\n2、edf‘;
      alert(str.replace(pattern,‘#‘));//匹配第一个
    
      var pattern=/^\d+/gm;
      var str=‘1、abc\n2、edf‘;
      alert(str.replace(pattern,‘#‘));//完全匹配,并替换

    当字符串内出现换行符时,如果我们不进行锚字符的使用,那么会匹配全局,包括换行后的。
    但是,由于使用锚字符,导致即使使用了全局,也没有办法匹配换行后的结果,此时需要开启换行。

时间: 2024-10-24 00:49:54

JS—正则表达式的相关文章

JS正则表达式完整教程(略长)

JS正则表达式完整教程(略长) 引言 亲爱的读者朋友,如果你点开了这篇文章,说明你对正则很感兴趣. 想必你也了解正则的重要性,在我看来正则表达式是衡量程序员水平的一个侧面标准. 关于正则表达式的教程,网上也有很多,相信你也看了一些. 与之不同的是,本文的目的是希望所有认真读完的童鞋们,都有实质性的提高. 本文内容共有七章,用JavaScript语言完整地讨论了正则表达式的方方面面. 如果觉得文章某块儿没有说明白清楚,欢迎留言,能力范围之内,老姚必做详细解答. 具体章节如下: 引言 第一章 正则表

js正则表达式的match test exec replace函数

js正则表达式的方法:一种正则在前,一种正则在后: 使用: 1.exec var res = /\-[a-z]/g .exec("font-size"); console.log(res); 得到的结果: 所以返回的是一个数组,第一个为匹配值,第二个是匹配的位置,第三个是输入的数 2.test var res = /\-[a-z]/g .test("font-size");console.log(res); 返回为一个布尔值 3.match var res =(&q

JS 正则表达式否定匹配(正向前瞻)

引言:JS 正则表达式是 JS 学习过程中的一大难点,繁杂的匹配模式足以让人头大,不过其复杂性和其学习难度也赋予了它强大的功能.文章从 JS 正则表达式的正向前瞻说起,实现否定匹配的案例.本文适合有一定 JS 正则表达式基础的同学,如果对正则表达式并不了解,还需先学习基础再来观摩这门否定大法. 一.标签过滤需求 不知道大家在写JS有没有遇到过这样的情况,当你要处理一串字符串时,需要写一个正则表达式来匹配当中不是 XXX 的文本内容.听起来好像略有些奇怪,匹配不是 XXX 的内容,不是 XXX 我

JS正则表达式大全(整理详细且实用)

JS正则表达式大全(整理详细且实用).需要的朋友可以过来参考下,希望对大家有所帮助!! 正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界. -或- 对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*".

精通JS正则表达式(转)

精通JS正则表达式,讲的比较详细,学习正则表达式的朋友可以参考下. 正则表达式可以: •测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证 •替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字 •根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中查找特定文字 正则表达式语法 一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符

js 正则表达式 查找

<script>var str='<p><img style="width: 140px; height: 105px;" src="/ckfinder/userfiles/images/qi_cym.jpg" data-cke-saved-src="/ckfinder/userfiles/images/qi_cym.jpg"></p><p><br></p>';

js正则表达式:验证邮箱格式、密码复杂度、手机号码、QQ号码

直接上代码 Java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83

Python之路-(js正则表达式、前端页面的模板套用、Django基础)

js正则表达式 前端页面的模板套用 Django基础 js正则表达式: 1.定义正则表达式 /.../  用于定义正则表达式 /.../g 表示全局匹配 /.../i 表示不区分大小写 /.../m 表示多行匹配 登录注册验证: test: 判断字符串是否符合规定的规则 rep = /\d+/;   (定义规则) rep.test('')   (引号里面必须包含字母和数字才返回true,否则为false) rep = /^\d+$/; (只有是纯数字时候才返回true,否则是false) exe

js正则表达式进行格式校验

今天做了个js正则表达式的练习,利用正则表达式进行注册信息格式验证,注册信息界面如下: 格式要求: 1.学号项不能为空,必须为纯数字,不能与数据库中的重复,正则表达式/^\d+$/g: 2.姓名项不能为空: 3.密码不能为空且无空格判断空格text.split(" ").length != 1,安全等级分为3个等级,若全为字母或者数字为1级,正则表达式(text.search(/^[a-zA-Z]+$/g) != -1) || (text.search(/^[0-9]+$/g) !=

js 正则表达式 转至(七郎&#39;s Blog)

//匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线 var re =new RegExp("^[a-zA-Z][a-zA-Z0-9_]{5,19}$"); if(re.test(aaaa)){alert("格式正确");}else{alert("格式错误");} var s_currency = /^([1-9][\d]{0,7}|0)(\.[\d]{1,2})?$/; if(!s_currency.test($("#