<!DOCTYPE html>

<html>

<head>

    <title>title</title>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <script src="jquery.min.js"></script>

    <script src="bootstrap.min.js"></script>

    <script src="vue.min.js"></script>

</head>

<body>

    <div id="app">

           <input type="text" v-model="x">

           <input type="button" value="验证" @click="validate">

    </div>

    <script>

        var vm = new Vue({

            el: '#app',

            data:{

                x: '100000000'

            },

            methods: {

                validate: function(){

                }

            }

        });

        //常用方法:

        //reg.test(str);

        //str.match(reg); 返回匹配完的结果字符串

        //参考文档W3CSchool:http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp

        //原则:默认是贪婪匹配(匹配出的字串即最长匹配子串)

        var reg1 = /abc/; //查找模式串'abc'

        var reg2 = new RegExp("abc");

        var reg3 = new RegExp(reg2); //创建Reg2的副本给Reg3

        var reg4 = RegExp(reg2); //直接把reg4指向reg2,操作reg4等于直接操作reg2

        var reg5 = /abc/i; //执行对大小写不敏感的匹配

        var reg6 = /abc/g; //执行全局匹配,在查找到第一个后不会停止

        var reg7 = /abc/m; //执行多行匹配,当待匹配字符串具有换行符\n时,能够进行多行匹配

        var reg8 = /[0-9][0-9][0-9]/g; //匹配连续三位是任意数字的字串,查找到一个以后不会停止

        var reg9 = /[0-9A-z][cd][d]/g; //匹配出的字串第一位是任意数字或字母,第二位是c或d,第三位是d,并为全局匹配

        var reg10 = /[^a]/; //匹配第一个非a的字串

        var reg11 = /[a|b]/; //匹配第一个a或b的字串

        var reg12 = /(abc|bcd)[0-9]/; //匹配第一个abc+任意数字或bcd+任意数字

        var reg13 = /\w/; // \w等价于:[0-9A-z_]

                          // \W等价于:^\w

        var reg14 = /\d/; // \d等价于:[0-9]

        var reg15 = /[\w\d]/; //可以在表达式写元字符!!

        // \s等价于:[\n\t\f\r\v ] 换行符+换页符+回车符+制表符+垂直制表符+空格

        var reg16 = /\bc/; //表示C作为单词边界,且是单词头部

        var reg17 = /\u597d/; //Unicode编码也能匹配汉字 \u597d:好

        var reg18 = /\w{2,}/g; //匹配所有任意2个以上任意字符

        var GoogleEmailValidate = /[\s\S]*@gmail.com/; //判断是否是谷歌邮箱的字符串

        var reg19 = /(\w)\1\1\1/; //  小括号内是子表达式,而\1指引用第一个子表达式的内容(反向引用)

                                  //  整个表达式意思是:字符串以xxxx(x为任意字符)的形式匹配

                                  //  Tip:子表达式匹配的内容会出现在结果数组中,可以当数组使,前提是不是全局匹配!

        // 关于split方法,如果含有子表达式,则结果数组中保留分割条件字符,否则分割条件字符不保留

        // 关于replace方法,如果参数不是正则表达式,则替换不是全局替换,若是全局的正则表达式匹配,才会进行全局替换

        // str.replace(new RegExp('/(\w)\1(\w)\2/'), "$2$2$1$1") $1$2是反向引用了前面表达式中的子表达式

        // 将the-first-name变为驼峰命名theFirstName,原理是将'-f'替换为'F'

        // var reg = /-(\w)/g;

        /* str.replace(reg, function($, $1){

                return $1.toUpperCase();

            })

            function是匹配一次执行一次,若是全局匹配,则会执行一到多次

        */

        //正向断言:

        var reg20 = /a(?=b)/g; //匹配任何出现在b之前的a,但不包括b

        //调整为非贪婪匹配

        var reg21 = /a*?/g; //包含任意多个a的子串,但'?'表示用非贪婪方式(匹配出的子串能少则少),最后匹配到多个空字串

        //字符串去重

        // var reg = /(\w)\1*/g;

        /* str.replace(reg, "$1");

        */

        //2014百度题:将表示金额的字符串替换成:100.000.000的形式;

        //var reg = /(?=(\B)(\d{3})+$)/g; 匹配出:\d{3}+ 以3为个数的倍数的一个或多个数字

        //                                      $        结尾的

        //                                      \B       非单词边界  防止出现.100.000.000

        //                                      ?=n      紧跟

        //组合成:匹配 紧跟 以3为个数的倍数的一个或多个数字结尾的 且是 非单词边界的 空字符串

        //str.replace(reg, ".");      

    </script>

</body>

</html>

参考文档注释中有,就是W3CSchool的官方文档,感兴趣的朋友可以测一测玩玩,感受一哈RegExp的强大,最后一个百度面试题当时号称史上最难,我没测出来,希望了解的朋友提点一下我,谢谢了...

关于RegExp的一些使用的练习(代码加注释)的更多相关文章

  1. Sublime Text对Python代码加注释的快捷键

    一直在Coursera上补基础课,发现很多课程都用Python作为教学语言,学了一下感觉果然好,简直是用英语在写代码.(我建Python目录的时候发现去年学过一点点Python,居然一点都不记得了= ...

  2. python代码加注释--6

    备注:#用来注释代码,#后面的内容会被python解释器忽略

  3. C#各种文件操作的代码与注释

    C#各种文件操作的代码与注释,具体看下面代码: using System; using System.Collections.Generic; using System.Linq; using Sys ...

  4. python学习之——计算给出代码中注释、代码、空行的行数

    题目:计算给出代码中注释.代码.空行的行数 来源:网络 思路:注释行以 ‘#’开头,空行以 ‘\n’ 开头,以此作为判断 def count_linenum(fname): fobj = open(f ...

  5. 第三次阅读赵炯博士的《linux内核代码完全注释》:序

    这是我第三次阅读linux内核代码完全注释了,当然前两次也没有读完,第一次读到第五章,第二次第七章. 所以说,赵炯博士对我最大的帮助时介绍了intel386的结构,以及内核编程的方法. 至于真正的内核 ...

  6. 教你怎么用Mono Cecil - 动态注入 （注意代码的注释）

    原文 教你怎么用Mono Cecil - 动态注入 (注意代码的注释) 使用 Mono Cecil 进行反编译:using Mono.Cecil; using Mono.Cecil.Cil; //.. ...

  7. 打开地图文件和shape文件代码加载Mxd文档

    代码加载Mxd文档 用代码添加Mxd文档,用到AxMapControl.LoadMxFile(sFilePath),我们只要将Mxd文档的路径传给这个方法即可 /// <summary>  ...

  8. 【转载】一行代码加载网络图片到ImageView——Android Picasso

    原文链接:一句代码加载网络图片到ImageView——Android Picasso  注意:此处使用下面代码需要先配置一下gradle,下载所需包. 具体操作如下图: compile 'com.sq ...

  9. Sublime Text 代码块注释

    插件:Doc​Blockr /*回车:创建一个代码块注释 /**回车:在自动查找函数中的形参等等.

随机推荐

  1. python中类的定义方法

    # coding =utf-8 ## 类的定义 ##-------------------------------------------------- class Employee: empCoun ...

  2. Java 高阶 —— try/catch

    // try catch 在 for 循环外 try { for(int i = 0; i < max; i++) { String myString = ...; float myNum = ...

  3. 装饰器 decorator

    装饰器 def document_it(func): def new_function(*args, **kwargs): print('Running function:', func.__name ...

  4. C++之函数适配器--绑定器bind原理图解

    转自:http://www.cnblogs.com/xusd-null/p/3698969.html#3081606 本文解释了bind 是如何工作的.为了清晰,图中的语法作了一些简化(例如,省略函数 ...

  5. 24.如何结束返回值是void的方法

    如何结束返回值是void的方法? return;只能够出现在方法类型是void 的方法中,用来结束方法. return后面还可以跟数据,后面的数据可以是整数.字符串.false.ture.小数.主要看 ...

  6. NHibernate错误：Could not compile the mapping document的解决

    用动软代码生成器的NHibernate生成模板,生成一个“XML映射模板”,老是提示Could not compile the mapping document的问题. 各种的找,就是没找到问题. 后 ...

  7. StarUML中时序图

    StarUML中时序图 在看时序图的例子的时候,发现有些的时序图上有小人的图标,可是一些UML工具却没有找到小人的图标,这让我很闹心,一直没解决,今天终于将该问题给解决了.解决这个问题来自于网上的一个 ...

  8. Linux编写Shell脚本入门

    一. 一般编写shell需要分3个步骤 1. 新建一个脚本文件,并编写程序 vi hello.sh #!/bin/bash #注释 #输出 printf '%s\n' "Hello Worl ...

  9. CF-799B

    B. T-shirt buying time limit per test 3 seconds memory limit per test 256 megabytes input standard i ...

  10. Asset Catalog Help (六)---Adding OS X Icons

    Adding OS X Icons Simplify image management by storing your OS X icons in an asset catalog. 把OS X图标存 ...