正则表达式 知识点总结

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%的「恶意」用户还需要后端再次做一次验证来阻挡