日夜谈——正则表达式

正则表达式

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

正则表达式符号	含义
\d	匹配任意数字
\w	匹配任意字母，数字，下划线
\s	匹配空白符，包括“空格”，“ Tab”，换行符合中文全角空格
[a-zA-Z0-9]	匹配任意字母或数字
\b	断言字符串边界
.	匹配除了回车符和换位符外的所有符号
*	重复前面字符0次或者任意次
+	重复前面字符至少一次
?	重复前面的字符之多一次
x{3}	匹配这样的字符串——重复x3次
^	断言字符串开头的正则
$	断言字符串结尾的正则

详细正则语法

2. 贪婪模式和非贪婪模式指什么?

贪婪模式：如字面意思，贪婪，表示尽可能多地匹配字符。
非贪婪模式：表示尽可能少地匹配字符。

3.代码

1. 使用实现 addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正则

   // function hasClass (ele, cls){
   //        var a = !!ele.className.match(new RegExp('\\b'+cls+'\\b'));//双感叹号强行转换为布尔型！！
   //        return a; 
   //  }
    function hasClass(el,cls){
       var className = el.className;
       var reg = /\b'+cls+'\b/g;//new RegExp('\\b'+cls+'\\b','g')///
       return reg.test(className);
}
    function addClass(el,cls){
        if(hasClass(el,cls)){
            return cls + 'is already existed';
        }else{
            el.className = el.className + 'cls';
            return el.className;
        }
    }
    function remoteClass(el,cls){
        if(hasClass(el,cls)){
            var re = /\bcls\b/g;
            el.className = el.className.replace(re,'');
        }else{
            return cls + 'is not existed'
        }
    }

2. 写一个函数isEmail(str)，判断用户输入的是不是邮箱?

    function isEmail(str){
        var reg = /^[0-9a-zA-Z]\w+@[0-9a-zA-Z]+\.com$/g;
        return reg.test(str);
    }
isEmail('EdwardYeeCheng@gmail.com');/true

3. 写一个函数isPhoneNum(str)，判断用户输入的是不是手机号?

    function isPhoneNum(str){
        var reg = /^1[3-8]{1}\d{9}$/g;
        return reg.test(str);
    }
isPhoneNum('15625503720')//true

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

    function isVaildUsername(str){
        var reg = /^\w{6,20}$/g;
        return reg.test(str);
    }
isValidUsername('Kobe_Bryant')
true
isValidUsername('Kobe')
false
isValidUsername('123451234512345123451')
false

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

    function isPassword(str){
        if((/^\w{0,5}$|^\w{21,}$/g).test(str)){
            return flase;
        }else if((/^\d+$|^[A-Z]+$|^_+$|^[0-9]+$/g).str){
            return flase;
        }else {
            return ture ;
        }
    }

6. 写一个正则表达式，得到如下字符串里所有的颜色（#121212）

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

代码：

var re = /^#[a-zA-Z0-9]{6}$/g;

7. 下面代码输出什么? 为什么? 改写代码，让其输出hunger, world.

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

代码：

var pat = /".+?"/g;//非贪婪模式
var pat = /"[^"]+"/g //贪婪模式

8. 补全如下正则表达式，输出字符串中的注释内容. (可尝试使用贪婪模式和非贪婪模式两种方法)

str = '.. <!-- My -- comment \n test --> ..  <!----> .. '
re = /.. your regexp ../
str.match(re) // '<!-- My -- comment \n test -->', '<!---->' 

代码：

![69YXRA@)WVB15J9Z7}X_D~M.png](https://img.haomeiwen.com/i2887484/d18e731f82f23e5a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

9. 补全如下正则表达式

var re = /* your regexp */

var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'

代码：

![%JDG0J1]~46FQAFQ1ZU]HAP.png](https://img.haomeiwen.com/i2887484/35462cbd06109cf9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


[参考资料:阮一峰JS教程](http://javascript.ruanyifeng.com/stdlib/regexp.html#toc12)

**版权归饥人谷peter和饥人谷所有，若有转载，请注明来源**

感谢瓜子观众
![gaki](https://img.haomeiwen.com/i2887484/a27268c4d09c4fda.gif?imageMogr2/auto-orient/strip)