美文网首页JS笔记
JS-正则表达式

JS-正则表达式

作者: 壹枕星河 | 来源:发表于2019-03-06 16:10 被阅读8次

    正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)
    语法
    /正则表达式主体/修饰符(可选)

    正则的第一种写法

    var reg=new RegExp('a');
    var str='abcdefg';
    alert(reg.test(str));   //返回bool值,代表是否匹配成功
    

    正则表达式的第二种写法
    perl风格 古老的语言

    var re = /a/
    var str='abcdefg';
    re.test(str);
    

    [ ] 中括号:匹配其中的某一个字符

    var str = prompt();
    var reg = /[abcde]/;//匹配是否有abcde中的字符
    console.log(reg.test(str));
    

    [ a-z ] 匹配所有小写字母

    [0-9] == \d 匹配任意一个数字( )

    小括号:分组:小括号里面的内容作为整体进行匹配
    小括号用于分组,竖线作为间隔代表“或者”的含义
    /(ab) | (cd)/ 匹配'ab' 或者 'cd'
    /(a|b)cd/ 匹配 'acd' 或者 'bcd'
    注意:小括号、竖线不要放在 [ ] 内(无意义)

    | : 或,跟js中的(||)一样
    ^:排除(除了) 类似js中的(!)

    ^ (不在中括号里)匹配字符串开头
    $ 匹配结尾

    var reg = /^[a-z]$/;//小写字母 开头并且小写字母结尾,中间不能有字符(完整匹配)
    /^$/这样的正则代表完整匹配
    

    转义字符:元字符
    \d ---- [0-9] 数字
    \w -----[a-z0-9_A-Z] 数字,字母,下划线
    \s --- 空白字符

    \D -----[^0-9] 非数字
    \W -----[^a-z0-9_] 非数字,字母,下划线
    \ S -----非空白字符
    . -----全部字符
    b -----匹配单词边界
    \B -----匹配 非 单词边界
    \0(数字0) -----匹配 NUL 字符
    \n -----匹配 换行符
    \f -----匹配 换页符
    \r -----匹配 回车符
    \t -----匹配 制表符
    \v -----匹配 垂直制表符
    \u4e00 - \u9fa5 验证中文

    量词:(单位名称)
    {n} ---匹配n次

    {n,m} ---最少n次,最多m次;

    QQ号验证  /^[1-9]\d{4,10}$/
    

    {n,} ---最少n次,最多不限

    +  == {1,}最少为一个
    

    ? {0,1} 可有可无,最多一个

    *     {0,} 可以有也可以没有,个数不限
    

    /(ab|cd){2}/ 匹配字符串"ab" 或者 "cd" 的2次,或者abcd 结果为:abab cdcd abcd cdab

    匹配大小写不一样的字母怎么办?
    var re=new RegExp('a','i')
    正则对象中有一个参数,可以传入对应的值,i 代表让正则不区分大小写;
    i:忽略大小写
    var re= /a/i

    g:全局查找
    reg = /\d+/ g
    g: 代表全局所有 (global)

    m: 多行查找(必须与g一起实用,并且,当使用^和$模式时才会起作用)

    正则对象的方法:
    test方法
    该方法用来测试某个字符串是否与正则匹配,匹配就返回true,否则返回false

    compile方法
    该方法的作用是能够对正则表达式进行编译,被编译过的正则在使用的时候效率会更高,适合于对一个正则多次调用的情况下,如果对一个正则只使用一两次,那么该方法没有特别显著的效应

    var reg=/[abc]/gi;
    console.log(reg.test('a'));
    reg=/[cde]/gi;
    console.log(reg.test('a'));
    reg.compile(reg);
    console.log(reg.test('a'));
    

    exec方法
    返回的是一个数组,数组元素为匹配的子字符串

    支持正则的字符串方法
    search
    查找第一次匹配的子字符串的位置,如果找到就返回一个number类型的index值,否则返回-1

    replace
    该方法用来将字符串中的某些子串替换为需要的内容,接受两个参数,第一个参数可以为正则或者子字符串,表示匹配需要被替换的内容,第二个参数为被替换的新的子字符串

    split
    将一个字符串拆分成一个数组,它接受一个正则或者子字符(串)作为参数,返回一个数组

    match
    接受一个正则作为参数,用来匹配一个字符串,返回一个数组

    例子:

    <script>
            var reg = new RegExp("b");//写法1
            var str = prompt();
            var reg = /b/;// 写法2  匹配是否存在b
            var reg = /[abcde]/;//匹配是否有abcde中的字符
            var reg = /[a-z]/;//匹配所有小写字母
            var reg = /(ab)|(cd)/;//ab  或 cd
            var reg = /(a|b)cd/;//acd  或bcd
            var reg = /[^a-z]/;//不能有小写字母
            var reg = /^[a-z]/;//小写字母开头
            var reg = /^[a-z]$/;//小写字母 开头并且小写字母结尾,中间不能有字符(完整匹配)
            var reg = /\d/;//匹配0-9的数字[0-9];
            var reg = /./;//匹配所有字符
            var reg = /\./;//转义字符z
            var reg = /\d{6}/;//6个数字(超过也为true)
            var reg = /a\d{6,8}a/;//六到8个数字,前后做好限定,否则会自动过滤掉多余的数字
            var reg = /^[1-9]\d{4,10}$/;//5-11位,完整匹配
            var reg = /\w/;//-[a-z0-9_A-Z]     数字,字母,下划线
            var reg = /\s/;//空格
            var reg = /\D/;//不为数字
            var reg = /^\d+.{3,}$/;// 必须以数字开头,数量一个以上,紧接着任意字符至少三个,并以之结尾
            var reg = /^\d?$/;//以数字开头 一个数字或者没有  {0,1} 可有可无,最多一个
            var reg = /^\d*$/;//{0,} 可以有也可以没有,个数不限
            var reg = /zhangsan/i;//i:忽略大小写
            var reg = /\d+/g;//g: 代表全局所有  (global)
            console.log(reg.test(str));
        </script>
    

    案例1:密码强度

    <input type="text" id="pwd"/>
            <button>登录</button>
            <script>
                var input = document.querySelector("#pwd");
                var numReg = /\d+/;
                //var letterReg = /^[a-zA-Z]$/;
                var letterReg = /[a-z]+/i;
                var charReg = /[^0-9a-z]+/i;
                //存储三个正则的验证结果
                
                document.querySelector("button").onclick = function(){
                    var arr = [];
                    var pwd = input.value;
                    
                    arr.push(numReg.test(pwd));
                    arr.push(letterReg.test(pwd));
                    arr.push(charReg.test(pwd));
                    console.log(arr);
                    var arr1 = arr.filter(function(item){
                        return item;
                    })
                    
                    if(arr1.length === 1) alert("弱");
                    else if(arr1.length === 2) alert("中");
                    if(arr1.length === 3) alert("强");
                    
                }
            </script>
    

    附:扩展正则案例

    只能用数字开头,长度在6--18位之间 /^\d.{5,17}$/

    以字母开头,数字结尾,中间任意一个字符 /^[a-z].\d$/i

    密码不能少于6位的字符 /^.{6,}$/

    以a开头 b字符至少出现2个,至多出现6个(b连续出现) /^a.*b{2,6}/

    变量的命名正则表达式(不能用数字开头 由字母、数字、下划线 、组成) /^[a-z_][\w]*/

    开头为0的2或者三位数字加上 - 开头为非零的八位数字结尾是1到4位的分机号
    /^0\d{2,3}-[1-9]\d{7}-\d{1,4}$/

    相关文章

      网友评论

        本文标题:JS-正则表达式

        本文链接:https://www.haomeiwen.com/subject/scfxpqtx.html