Java Script 正则表达式

正则表达式

  • 正则表达式是什么?有什么用?什么时候用?

    • 1、正则表达式是对字符串操作的一种逻辑公式,也叫规则表达式
    • 2、符合规则的就放行,不符合规则的就拒绝
    • 3、在登录或注册或有表单,需要验证的时候用

一、创建正则表达式对象

(1)字面量方式

  • 斜杠内的为规则,i为属性
        //1、字面量
        var reg = /Grayly/i;
        var str1 = 'fndajkdfhiGraylyfasidjkhfgil';
        var str2 = 'dasifhlbnluoahdfn';
        console.log(reg.test(str1));  //true
        console.log(reg.test(str2));  //false

(2)用构造函数的方式

        var reg1 = new RegExp('Grayly', 'i'); //i 不区分大小写   g全局匹配   m多行匹配
        var str3 = 'hsnajkfnagrayly';
        console.log(reg1.test(str3));

(3)属性

  • i:不区分字母大小写
  • g:全局匹配
  • m:多行匹配

(4)字符串替换:replace

        var str4 = 'aaa, bbb , ccc, ddd, bbb';
        var newStr = str4.replace(/bbb/g, 'grayly');
        console.log(newStr);

二、常用匹配规则

1、元字符

(1)^:匹配字符串的开始
(2)$:匹配字符串的结尾
        //1、匹配 ^开始 和  匹配$结尾
        var reg = /^Grayly$/; //必须以G开头,y结尾,中间是rayl才通过
        var str1 = 'Grayly';
        console.log(reg.test(str1));
(3).:匹配任意字符
        var reg2 = /b..k/;
        var str3 = 'book';
        console.log(reg2.test(str3));
(4)\w:数字、字母、下划线
        //3、\w(数字、字母、下滑线中的一种)
        var reg3 = /b\w\wk/;
        var str5 = 'book';
        console.log(reg3.test(str5));
(5)\s:任意空白字符
        //4、\s空白字符var reg3 = /b\w\wk/;
        var reg4 = /b\s\sk/;
        var str7 = 'b  k';
        console.log(reg4.test(str7));
(6)\d:匹配数字,等同于[ 0 - 9]
        //5、 \d 匹配数字
        var reg5 = /b\d\dk/;
        var str10 = b11k;
        console.log(reg5.test(str10));
(7)\D:匹配非数字,等同于[ ^ 0 - 9]
    // \d匹配数字 \D非数字
    var reg = /\Dook/;
    var str = '8ook';  
(8)|:或匹配,取其中的任意一位
    // | 或 
    var reg = /^1(3|4|5|6|7|8)\d\d\d\d\d\d\d\d\d$/;
    var str1 = '18800000000';
    var str2 = '12800000000'
(9)[ xy ]:表示方括号包含的x、y中的一个
    // [abc] 代表一个字符,字符只能是abc中的一个
    var reg = /^1[345678]\d\d\d\d\d\d\d\d\d$/;
    var str1 = '18800000000';  //
    var str2 = '12800000000';  // 

2、特殊字符

(1)转义字符: \ ...
  • 斜杠后面跟着的字符都会被消除自身语法
(2)[ ]:表达式
  • 一个方括号代表一位字符,里面写范围
(3)[ ^ ]:非
  • 在方括号内的^,表示为非,即取反
  • eg:[ ^xyz ]:除了xyz之外任意字符

3、重复匹配

(1)?:重复出现0次或1次
    var reg = /^bo?k$/;    // b开头,0个或者1个o,以k结尾
    var str = 'bok';
(2)+:重复出现1次或多次
    var reg = /^bo+k$/;   // b开头,1个或多个o,k结尾
    var str = 'bok';
    var str = 'booooooooook';
(3)*:重复出现0次或多次
    var reg = /^bo*k$/;   //b开头,0个或多个o,k结尾
    var str = 'booooooooook';
(4){ n }:重复出现n次
    var reg = /^bo{2}k$/;   // 匹配book  2个o
(5){ n, }:至少重复出现n次
    var reg = /^bo{2,5}k$/;   // 匹配book  2个o以上
(6){ n, m}:重复出现n到m次
    var reg = /^bo{2,5}k$/;   // 匹配book  2个o以上,5个o以下

4、分组

(1)用括号分组
  • \1:对第一个括号的重复,\2:对第二个括号的重复,以此类推
    // 日期的匹配  2000-1-11   \1 对第一个括号的重复
    var reg = /^\d{4} (\-|\.) \d{1,2} \1 \d{1,2}$/;
(2)分组的应用
  • 应用
    var reg = /(.*)(程序员)(.*)/;
    var str = '我是web前端程序员,我来自深圳';

    console.log(reg.test(str));   
    // 将程序员替换成攻城狮
    var newStr = str.replace(reg, '$1攻城狮$3');
    console.log(newStr);
  • 替换手机号中间4位
    //其中一个括号为一个$,有三个括号,按顺序分别为 $1、$2、$3
    var phone = '15013795539';
    var reg = /(\d{3})\d{4}(\d{4})/;
    var newPhone = phone.replace(reg, '$1****$2');
    console.log(newPhone);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,110评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,443评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,474评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,881评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,902评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,698评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,418评论 3 419
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,332评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,796评论 1 316
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,968评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,110评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,792评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,455评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,003评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,130评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,348评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,047评论 2 355

推荐阅读更多精彩内容

  • 正则表达式到底是什么东西?字符是计算机软件处理文字时最基本的单位,可能是字母,数字,标点符号,空格,换行符,汉字等...
    狮子挽歌阅读 2,148评论 0 9
  • http://www.jb51.net/tools/zhengze.html 正则表达式30分钟入门教程 版本:v...
    nullleaf阅读 599评论 0 2
  • 几个正则表达式编辑器 Debuggex :https://www.debuggex.com/ PyRegex:ht...
    没技术的BUG开发攻城狮阅读 4,588评论 0 23
  • Python中的正则表达式(re) import rere.match #从开始位置开始匹配,如果开头没有则无re...
    BigJeffWang阅读 7,082评论 0 99
  • 注:本篇文章只为方便查看,特此保留,如有冒犯,敬请谅解!!! 本文目标 30分钟内让你明白正则表达式是什么,并对它...
    阿杰Alex阅读 1,483评论 0 10