正则表达式

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

这些都是正则表达式中的符号。
\d表示匹配字符串中的第一次出现的一个数字，举例：

加上g把字符串中所有的数字匹配出来。

\w表示匹配字符串中的第一次出现的一个单词（包括字母、数字和下划线），举例：

加上g把字符串中所有的单词匹配出来。

\s表示匹配字符串中的第一次出现的一个空字符。

加上g把字符串中所有的空格匹配出来。

[a-zA-Z0-9]匹配大小写a到z和数字0到9中的任意一个字符。

加上g把字符串中所有的满足上述条件的匹配出来。

\b用于单词开头或结尾的匹配。一般字符前面没有字符或者是空格，可以被匹配成单词的开头。后面没有字符或者是空格，可以被匹配成单词的结尾。
举例:

用\w只匹配到一个字符。
.匹配任意一个字符,除了换行和行结束符。

加上g把字符串中所有的字符匹配出来。

*用法：n*匹配0个或者多个同样的字符n。
举例：

+用法：n+匹配至少含一个n的任何字符。

?用法：n?匹配含0个或1个n的字符。

x{3}匹配3个连续的同样类型的或者同样的字符。

^$用法m^n$匹配以m开头,n结尾的字符串。

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

贪婪模式是指正则匹配时最大可能匹配，匹配到下一个字符不满足匹配规则为止。
非贪婪模式是匹配到满足规则的即可，不再深究。

可以看到，浏览器默认贪婪模式，匹配到下一个字符不是b时才停止。加一个?变为非贪婪模式，匹配到ab就可以。

代码

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

function trim(str){
      return str.match(/\S+.+\S/);
    }

结果：

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

代码：

    var cls;
    var reg=new RegExp('(\\s|^)'+cls+'(\\b|$)','g');
    function  hasClass(el,cls){
      return reg.test(el.className);
    }
    function addClass(el,cls){
      if(reg.test(el.className)){
        el.classname=" "+cls;
        return el.className;
      }
    }
    function removeClass(el,cls){
      if(reg.test(el.className)){
         el.className= el.className.replace(reg, ' ');
        return el.className;
      }
    }

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

function isEmail(str){
      if(str.search(/^\w+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+/)>-1) return str+"是邮箱";
      return str+"不是邮箱";
    }

结果：

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

 function isPhoneNum(str){
      if(str.search(/^1[0-9]{10}$/)>-1) return str+"是手机号";
      return str+"不是手机号";
    }

结果：

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

  function isValidUsername(str){
      if(str.search(/^\w{6,20}$/)>-1) return str+"是合法的用户名";
      return str+"不是合法的用户名";
    }

结果：

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

代码：

function isValidPassword(str){
      if(str.search(/^\w{6,20}$/)>-1) {
        if (str.search(/^[0-9]{6,20}$/)<0&&str.search(/^[a-z]{6,20}$/)<0&&str.search(/^[A-Z]{6,20}$/)<0&&str.search(/^[_]{6,20}$/)<0) return str+"是合法密码";
      }
      return str+"不是合法密码";
    }

结果：

7.写一个正则表达式，得到如下字符串里所有的颜色（#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 =/#\w{6}/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-      colors: f#fddee #fd2 "
alert( 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);

结果：

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

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

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

1.贪婪模式:
代码：

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

结果：

2.非贪婪模式
代码：

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

结果：

10.补全如下正则表达式

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

代码：

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

结果：

本文版权归本人和饥人谷所有，转载请注明出处