正则表达式

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

1.\d:数字字符,等价于[0-9];

\d

2.\w:单词字符,大小写字母,数字,下划线,等价于[a-zA-Z_0-9];

\w

3.\s:空白符,等价于[\t\n\x0B\f\r];

\s

4.[a-zA-Z0-9]:包含26个大小写字母和数字0之9;

[a-zA-Z0-9]

5.\b:单词边界;

/b

6..:查找单个字符,除了换行和行结束符;

.

7.*:出现零次或者多次(任意次);

*

8.+:至少出现一次或者出现多次;

+

9.?:出现零次或者一次(最多出现一次);

?

10.x{3}:x出现3次;

x{3}

11.^n:匹配任何开头为n的字符串;

^

12.n$:匹配任何结尾为n的字符串;

$

二、贪婪模式和非贪婪模式指什么?

1.贪婪模式:类似{n,m},*,+,?这种量词符,默认情况下都是最大可能匹配,即匹配直到下一个字符不满足匹配规则为止。
2.非贪婪模式:非贪婪模式与贪婪模式相反，即尽可能少地匹配，在正则表达式的量词后面添加个“?”即可。

三、写一个函数trim(str)，去除字符串两边的空白字符

做法 思路

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

//判断原来的class里面有没有和参数相同的class
function hasClass(el,cls){
       var reg=new RegExp('(\\s|^)'+cls+'(\\b|$)','g');
       return reg.text(el.className);
}
function addClass(el, cls){
    if(! hasClass(el,cls) ){
        return el.className + '' + cls
    }
}
function removeClass(el,cls){
    if(hasClass(el,cls)){
        var reg = new RegExp('(\\s|^)' + cls + '(\\b|$)','g')
        return  el.className.replace(reg,'')
    }
}

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

var str="505230595@qq.com";
var patt1=/^\w+@\w+(\.\w+)+$/;
patt1.test(str);//true

示例

function isEmail(str){
    var patt1=/^\w+@\w+(\.\w+)+$/;
    if(patt1.test(str)){
        return null;
    }else{
        return "请输入正确的邮箱格式";
    }
}
isEmail();

函数示例

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

var str="13637209162";
var patt1=/^1[3578][0-9]{9}$/;
patt1.test(str);

示例

function isPhoneNum(str){
    var patt1=/^1[3578][0-9]{9}$/;
    if(patt1.test(str)){
       return null;
    }else{
       return "请输入正确的手机号码";
    }
}
isPhoneNum();

函数示例

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

var str="mijiu_1024";
var patt1=/^[a-zA-Z0-9_]{6,20}$/;
patt1.test(str);//true

示例

function isValidUsername(str){
   var patt1=/^[a-zA-Z0-9_]{6,20}$/;
   if(patt1.test(str)){
       return null;
   }else{
       return "请输入正确的用户名";
   }
}
isValidUsername();

函数示例

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

function isValidPassword(str){
    if(6>str.length||str.length>20){
        return "请输入正确的用户名";
    }
    if(/[^a-zA-Z0-9_]/.test(str)){
        return "请输入正确的用户名";
    }
    if(/(^[a-z]+$)|(^[A-Z]+$)|(^\d+$)|(^_+$)/g.test(str)){
        return "请输入正确的用户名";
    }
    return true;
}
isValidPassword();

函数示例

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

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

做法

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

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

输出结果

原因:.匹配到的是任何字符,*能匹配到的是任意数量的字符,而且正则默认的匹配模式又是贪婪模式,所以在""之间尽可能多的匹配到了"hunger" , hello "world"。

改写代码(非贪婪模式)

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

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

1.非贪婪模式:

str = '.. <!-- My -- comment \n test --> ..  <!----> .. '
re = /<!--[\w\W]*?-->/g
str.match(re)

非贪婪模式结果

2.贪婪模式:

str = '.. <!-- My -- comment \n test --> ..  <!----> .. '
re = /<!--[^>]*-->/g
str.match(re)

贪婪模式结果

十二、补全如下正则表达式

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

1.非贪婪模式:

var re = /<[a-z].*?>/g
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re)

非贪婪模式结果

2.贪婪模式:

var re = /<[^>]+>/g
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re)

贪婪模式结果