美文网首页
正则表达式 知识点总结

正则表达式 知识点总结

作者: osborne | 来源:发表于2017-02-14 23:18 被阅读25次

    1- \d\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分别是什么?

    • \d表示:数字字符 [0-9]
    • \w表示:单词字符、字母、数字、下划线 [a-zA-Z_0-9]
    • \s表示:空白符 [\t\n\x0B\f\r]
    • [a-zA-Z0-9]表示:字母(包括大小写)、数字0-9
    • \b表示:单词边界
    • .表示:除了回车符和换行符之外的所有字符 [^\r\n]
    • *表示:出现零次或多次(任意次)
    • +表示:出现一次或多次(至少出现一次)
    • ?表示:出现零次或一次(最多出现一次)
    • x{3}表示:x出现3次
    • ^表示:以xxx开头
    • $表示:以xxx结尾

    2- 写一个函数 trim(str),去除字符串两边的空白字符

    function trim(str){
        return str.replace(/^\s+|\s+$/g, '');
    }
    

    3- 写一个函数 isEmail(str),判断用户输入的是不是邮箱

    function isEmail(str){
        var reg = /^\w+@[\w.-]+$/;
        return reg.test(str);
    }
    

    4- 写一个函数 isPhoneNum(str),判断用户输入的是不是手机号

    function isPhoneNum(number) {
        13/4/5/7/8+9位数
        return /^1[34578]\d{9}$/.test(number)
    }
    

    5- 写一个函数 isValidUsername(str),判断用户输入的是不是合法的用户名(长度6-20个字符,只能包括字母、数字、下划线)

    function isValidUsername(str) {
        return /^\w{6,20}$/.test(str);
    }
    

    6- 写一个函数 isValidPassword(str), 判断用户输入的是不是合法密码(长度6-20个字符,只包括大写字母、小写字母、数字、下划线,且至少至少包括两种)

    function isValidPassword(str){
        var reg = /(^[a-z]+$)|(^[A-Z]+$)|(^_+$)|(^\d+$)/g
        if(reg.test(str)){
            return false + '字母、数字、下划线至少包括两种'
        }else if(str.length < 6 || str.length > 20){
            return false + '长度6-20个字符'
        }else if (/\W/g.test(str)) {
            return false + '只包括大写字母、小写字母、数字、下划线'
        }
        return true
    }
    

    7- 写一个正则表达式,得到如下字符串里所有的颜色

    var re = /*正则...*/
    var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
    console.log( subj.match(re) )  // ['#121212', '#AA00ef']
    

    结果:

    var re = /#[0-9a-fA-F]{6}/g;
    var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
    console.log( subj.match(re) )  // ['#121212', '#AA00ef']
    

    8- 下面代码输出什么? 为什么? 改写代码,让其输出[""hunger"", ""world""].

    var str = 'hello  "hunger" , hello "world"';
    var pat =  /".*"/g;
    str.match(pat);
    

    结果:

    var str = 'hello  "hunger" , hello "world"';
    var pat =  /".*"/g;
    str.match(pat); //输出[""hunger" , hello "world""]
    //因为默认情况下匹配是在贪婪模式下面,这里就是尽可能多的匹配""的字符。只要改为非贪婪模式就可以达到效果,方法是在量词后面加上?
    //修改:var pat = /".*?"/g
    

    - 学习总结

    • 凡是有需要用户填写表单的地方,都需要正则表达式做个前置验证
    • 用户的输入永远是不安全的
    • 前端的过滤只能阻挡90%「粗心」的用户,而剩下10%的「恶意」用户还需要后端再次做一次验证来阻挡

    相关文章

      网友评论

          本文标题:正则表达式 知识点总结

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