JS知识点--正则表达式

  • 创建正则表达式的对象

    • //语法
      var reg = new RegExp("正则表达式", "匹配模式");
      //其中第二个参数有两种模式: 
      //  i -> 忽略大小写  g -> 全局匹配模式
      //使用typeod检查正则对象, 会返回object
      console.log(reg); //object
      //使用字面量的方式创建正则表达式更简单, 但构造函数的形式更灵活
      //语法
      var reg = /正则表达式/匹配模式;
      
  • 正则表达式的方法

    • test() -> 使用这个方法可用来检查一个字符串是否符合正则表达式的规则, 符合返回true, 否则返回false

    • //可以用来检查一个字符串中有没有ab(i 忽略大小写)
      //var reg = new RegExp("ab", "i");
      var reg = /a/i;
      var str = "Abcdbd";
      console.log(reg.test(str)); //true
      
    • //检查字符串中是否有a或b的正则表达式
      //var reg = /a|b/
      //[]里的内容也是或的关系 [ab] == a|b
      var reg = /[ab]/
      //[a-z] 任意小写字母 [A-Z] 任意大写字母
      
    • image-20210923101446872.png
    • 字符串和正则相关的方法

      • var str = "1a2b3c4d5e6f7";
        // splict() 将字符串拆分成一个数组
        // 方法中可以传递一个正则表达式作为参数, 这样的方法会根据正则表达式去拆分字符串
        //默认是全局匹配模式
        var result = str.split(/[A-z]/);
        console.log(result); // 1,2,3,4,5,6,7
        
      • // search() 可以搜索字符串中是否含有指定内容
        // 如果搜索到指定内容则会返回第一次出现是索引, 没有返回-1
        //只能返回一个, 不支持全局匹配模式
        var str = "hello abc hello aec afc";
        var result = str.search(/a[bef]c/);
        console.log(result); //6
        
      • //match() 可以根据正则表达式从一个字符串中将符合条件的内容提取出来.
        //默认情况下match只会找到第一个符合要求的内容, 找到后就停止检索(可以设置为全局匹配模式)
        //正则表达式设置多个匹配模式, 而且顺序无所谓
        //match()会将匹配到的内容封装到一个数组中返回, 即使只查询到一个结果
        var str = "1a2b3c4d5e6f7A8B9C";
        var result = str.match(/[a-z]/ig);
        console.log(result); //
         /* ['a', 'b', 'c',
          'd', 'e', 'f',
          'A', 'B', 'C'] */
        
      • //replace() 可以将字符串中指定内容替换为新的内容
        //参数: 1.被替换的内容 2.新的内容 
        //默认只会替换一个 全部替换需设置全局匹配模式g
        var str = "1a2b3c4d5e6f7A8B9C";
        var result = str.replace(/[a-z]/gi, "@_@");
        console.log(result);//1@_@2b3c4d5e6f7@_@8B9C
        
  • 正则表达式语法

    • 量词, 通过量词可以设置一个内容出现的次数
    //{n} 正好出现n次
    //{m, n} 出现m-n次
    //{m, } m次以上
    //+ 至少一个 相当于{1, }
    //* 零个或多个 相当于{0, }
    //? 零个或一个 相当于{0, 1}
    var reg = /a{3}/; //aaabc -> true
    //量词只对它前边的一个内容起作用
    reg = /ab{3}/; //abbbda -> true
    reg = /(ab){3}/; //ababab -> true
    reg = /ab{1,3}/; //ab\abb\abbb ->true
    console.log(reg.test("ababab")); //true
    
    reg = /^a|b$/; //以a开头或者以b结尾
    reg = /^a$/; //只能有一个a
    
    • 练习(创建一个正则表达式检查字符串是否是一个合法手机号)
    // 手机号规则: 11位, 以1开头, 第二位3-9任意数字, 第三位以后任意9个数字
    var reg = /^1[3-9][0-9]{9}$/;
    var phonStr = "18140608713";
    console.log(reg.test(phonStr)); //true
    
  • 正则表达式中使用 \ 作为转义字符

    // \.来表示.
    // \\来表示\ 
    var reg = /\./;
    reg = /\\/;
    //console.log(reg.test("b."));// true 
    //字符串中\也作为转义字符 应该用\\
    //console.log("b\\"); //b\
    console.log(reg.test("b\\")); 
    
  • image-20210926195117623-1632657079697.png
    • \w -任意字母,数字,_ 相当于[A-z0-9_]

    • \W -除了字母,数字,_ 相当于[A-z0-9_]

    • \d -任意数字 相当于[0-9]

    • \D -除了数字

    • \b -匹配单词边界

    var reg = /\bchild\b/;
    //检查是否存在单独完整的child
    //console.log(reg.test("hello children"));//false
    console.log(reg.test("hello child hi"));//true
    
    • 练习(去除字符串中的空格)
    var str = "      hello  hs     ";
    //去除所有空格
    //str = str.replace(/\s/g, "");
    //去除开头空格
    //str = str.replace(/^\s*/, "");
    //去除结尾的空格
    //str = str.replace(/\s*$/, "");
    //去除开头和结尾的空格
    str = str.replace(/^\s*|\s*$/g, "");
    console.log(str); //"hello  hs"
    
  • 邮件的正则

    • image-20210926210809387.png
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,884评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,755评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,369评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,799评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,910评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,096评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,159评论 3 411
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,917评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,360评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,673评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,814评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,509评论 4 334
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,156评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,882评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,123评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,641评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,728评论 2 351

推荐阅读更多精彩内容

  • 一、什么是正则?RegExp是正则表达式的缩写。当检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp...
    betterwlf阅读 612评论 0 0
  • 前言 作为一个程序员,要出去装逼,手中必备的技能就是正则表达式。程序员的正则表达式,医生的处方和道士的鬼画符,都是...
    Layzimo阅读 541评论 0 6
  • day10-正则表达式 用于匹配字符串中字符组合的模式,主要用来验证客户端的输入数据。用户填写完表单单击按钮之后,...
    learninginto阅读 352评论 0 8
  • 正则表达式 每种数据都有自己的规则,正则表达式可以描述这个规则,也可以检测数据是否满足这个规则。所以正则表达式就...
    刘雨_小20强化班阅读 167评论 0 0
  • 1,正则表达式的作用:匹配一个字符串中的一些内容 2,声明和使用: 1)构造函数 var reg=new RegE...
    WDL_1a39阅读 729评论 0 1