面向对象(七)--正则表达式

1.创建正则表达式的方法

1.1创建正则表达式的两种方法

  1. 构造函数

    • var regex=new RegExp(正则表达式[,匹配模式]);
  2. 字面量

    • var regex = /正则表达式/;

1.2使用正则表达式进行匹配

正则对象.test( 字符串 ) -> bool

如果参数字符串中含有 复合 正则匹配的 子字符串, 就返回 true, 否则返回 false
代码演示:

// 查询一段文字中是否包含 itcast
    //         0123456789012345678901
    var str = 'qwertyuiopasdfghjklxcitcastvbnm,wertyuioqwsdfgbhnjmzxcfvghjuiko';
    // 要找 itcast, 因此正则表达式就可以使用 'itcast' 来表示
    // 1, 创建正则表达式对象
    var r1 = new RegExp( 'itcast' );
    var r2 = /itcast/;

    // 2, 开始检查匹配
    var res = r2.test( str );

    console.log( res );



    // 使用传统字符串操作
    var search = 'itcast'
    for ( var i = 0; i < str.length - search.length; i++ ) {
        // 判断 str[ i ] 开始 的字符串是 itcast
        if ( search == str.substr( i, search.length ) ) {
            console.log( i ); 
            break;
        }
    }

1.3元字符

1.       .        查找单个字符,(除了换行和行结束符)
2.      ()       分组和提高优先级
3.      []       表示一个字符
        用法:[abc]出现[]中任意一个字符
        可以匹配 a, b, c
4.      | (或)      或的功能   优先级最低
-----------------------------------------------

扩展:
    .        任意的一个字符,没有任何限制
    []       是出现在[]中的一个字符。 认为 . 的限制级版本
            [abc]:  a,b,或c
    |       可以认为是允许使用多个字符的匹配

5.转义字符:\
    表示点:  \.
    表示[]:   \[     \]
    表示():   \(     \)
    表示\:    \\
    
5.限定元字符
    *            紧跟前面的一个字符或一组字符出现0次到多次
    +            紧跟在前面的字符出现1次到多次
    ?           紧跟在前面的字符出现 0次 或者 1次
    {数字}       紧跟在前面字符的出现指定次数
    {数字,}      紧跟在前面的字符至少出现的字符
    {数字,数字}  紧跟在前面的字符出现的次数范围。

1.4首尾正则表达式

^ 表示必须以 xxx 开头
$ 表示必须以 xxx 结尾

  ^a 表示以a开头的字符串
  
  b$ 表示以b结尾的字符串
 

1.5简写元字符


  \s   空白字符,包括空格,tab,回车换行等
  \S   非空白字符
  
  js中常使用[\s\S]表示任意字符
  
  \w   表示字符,包含数字,字母,下划线
  \W   非字符
  \d   代表数字
  \D   非数字

1.6 exec 提取

使用正则表达式进行匹配,使用exec 可以将匹配到的数据提取出来。

语法:

正则表达式 exp.exec(字符串)--> 封装成数组

返回值:匹配到的表达式, 匹配子项

    // 案例: 在 'abc123def456ghij789klum' 提取数字

    var str = 'abc123def456ghij789klum';
    // 1> 全局模式
    var r = /\d+/g;

    // 2> 匹配要使用循环的方式
    var res;

   //可以循环匹配出所有的匹配项。
    while ( res = r.exec( str ) ) {
        console.log( res );
    }

注意:可以 (:?) 不捕获子项。

1.7 反向引用

2> 与之匹配的标签名是什么?(反向引用)
        如果在一个正则表达式中使用组匹配到某一个数据, 允许在该正则表达式中使用
        '\数字' 的方式引用该组

        <(\w+)>.*<\/\1>

1.8 贪婪模式

凡是在正则表达式中, 涉及到次数限定的, 一般默认都是尽可能的多匹配.

取消贪婪模式. 在次数限定符后面加上 ?

注意: 贪婪模式性能会略高于非贪婪模式, 所以开发的时候. 一般不考虑贪婪的问题
只有代码匹配结果出现问题了, 一般一次多匹配了, 才会取消贪婪。

1.9 否定元字符

[^abc] 表示匹配除了a,b,c以外的字符。

1.10 replace方法

字符串.replace( 正则表达式, 字符串 ) -> 字符串

        1. 简单替换
            'aaaaa-------bbbbbb------ccccc'.replace( /-+/, '-' )
            'aaaaa-------bbbbbb------ccccc'.replace( /-+/g, '-' )
        2. 分组替换
            可以在替换字符串中, 使用 $数字 来引用替换的数据

            'abc123'.replace( /(\d+)/, 'd$1' ) -> 'abcd123'

            '1991-1-1'
            中国: 1991年1月1日
            欧洲: 1/1/1991
            ... : 1991 1 1

            '1991-1-19'.replace( /(\d+)-(\d+)-(\d+)/, '$1年$2月$3日' )

    3> 函数参数用法(了解)
        语法:
            字符串.replace( 正则表达式, fn )

        '我的邮箱是:abc@itcast.cn, 你的邮箱是: defghijk@itcast.cn'
            .replace( /\w+@\w+(\.\w+)+/g, '*' );

        '我的邮箱是:abc@itcast.cn, 你的邮箱是: def@itcast.cn'
            .replace( /(\w+)@(\w+(\.\w+)+)/g, function ( s, g1, g2, g3 ) {
                return '*';
            } );

        // 要求 只显示 第一个字符, 其余的都是用 * 表示
        '我的邮箱是:abc@itcast.cn, 你的邮箱是: defghijklim@itcast.cn'
            .replace( /(\w+)@(\w+(\.\w+)+)/g, function ( s, g1, g2, g3 ) {
                
                // 将用户名 变成 a***** 的形式
                var first = g1.charAt( 0 );
                var start = [];
                for ( var i = 0; i < g1.length - 1; i++ ) {
                    start.push( '*' );
                }

                return first + start.join('') + '@' + g2;

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

推荐阅读更多精彩内容