day10（2017.10.24）

正则表达式

正则表达式：是由一个字母数字和一些特殊符号组成的描述字符模式的对象

一、功能
1、模式匹配  2、文本检索  3、替换

二、创建
1.通过RegExp（）构造函数来创建(显式创建)
var reg = new RegExp（"表达式"[,修饰符]）;
var reg = new RegExp("\\d{3}")  //匹配三个数字  第一个\是转义第二个\斜杠
2、通过字面量（直接量）方式来创建（隐式创建）------常用
var reg = /表达式/[修饰符]；
var reg = /\d{3}/;
这含义上不一样，显示创建的是实例对象，隐式创建的是单个对象。

三、正则表达式的方法：
    1、test()
        功能：用于检测是否于正则匹配。
        返回：布尔值，true匹配，false不匹配
        语法：reg.test(检测的内容)

    2、exec()
        功能：用于检测是否于正则匹配。
        返回：如果匹配返回数组，不匹配返回null
        语法：reg.exec(检测的内容)
        说明：
            第一个数组元素存放的匹配的内容
            第二、三……数组元素存放的是分组所匹配的内容
            支持两个属性：
                index:匹配项的索引位置
                input:

四、修饰符：
    i 忽略大小写
    m 多行匹配
    g 全文匹配
var reg = /[a-z]/gi；  //匹配所有字母，忽略大小写

五、元字符（字符类）：具有特殊含义的字符

    [……]   匹配括号内的任意一个字符      [0-9a-zA-Z]
    [^……]  匹配除了括号内的任意字符   [^0-9]
    \d      数字
    \D      非数字

    \w     字母数字下划线
    \W     非字母数字下划线  

    \s     空白字符（空格  制表符）    
    \S     非空白字符

    .       除了换行符以外的任意字符

    \n     换行符
    \r     回车符
    \t     制表符
限定符
    ^xx   以xx开始

    xx$   以xx结束

六、重复：设置匹配的次数
    {n}     匹配前一项n次
    {n,m}   匹配前一项n到m次
    {n,}    匹配前一项n到多次
         
    *       匹配前一项0到多次
    ？      匹配前一项0到1次
    +       匹配前一项1到多次

七、转义字符：将特殊符号恢复成它字面本身意思
    通过：\ 这个符号来进行转义
    需要转义的符号 ：   [ ]  {  }  ( )  . ?  *  + ^ $   \   / 

选择： | 或者

分组：（）可以将多个匹配项组合为一个整体

八、单字节： 字符串对象.replace(新节点，旧节点)
        var str = "as df1d f14r4 g421g   5r4";
        console.log(str.replace(/\s/g,""));  //asdf1df14r4g421g5r4    \s匹配空格
        console.log(str.match(/\d+/g));  //["1","14","4","421","5","4"]
        console.log(str.match(/\d/g));   //["1", "1", "4", "4", "4", "2", "1", "5", "4"]
        console.log(str.split(/\s+/g));  //["as", "df1d", "f14r4", "g421g", "5r4"]

小案例

//html

//js
var txt = document.getElementById('txt');
        var span = document.getElementsByTagName('span')[0];
        txt.oninput = function(){
            var reg1 = /\d/;  //有数字
            var reg2 = /[a-z]/;  //有字母
            var reg3 = /[^a-zA-Z0-9]/;  //不含大小写字母数字的任意字符
            var s=0;
            if(reg1.test(txt.value)){
                s++;  //若果有数字  s+1
            }
            if(reg2.test(txt.value)){
                s++;  //若果有字母  s+1
            }
            if(reg3.test(txt.value)){
                s++;  //若果有不含大小写字母数字的任意字符  s+1
            }
            switch(s){
                case 1:
                span.innerHTML = "弱";
                break;
                case 2:
                span.innerHTML = "中";
                break;
                case 3:
                span.innerHTML = "强";
                break;
                default:
                span.innerHTML = "";
            }
        }