# 正则表达式

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

\d检索对象中的数字，等同于[0-9]；
\w检索对象中的数字、下划线、字母，等同于[0-9a-zA-Z_];
\s检索对象中的空白字符（space），空格，换行或者回车；
[a-zA-Z0-9]匹配大小写26个字母和任意数字；
\b匹配单词边界；
n*匹配任何包含零个或多个 n 的字符串；ab*匹配单个a或者‘ab’，‘abb’...
.匹配单个字符，除换行之外；
+重复操作，即匹配条件的所有值；
n?匹配任何包含零个或一个 n 的字符串;
X{3}匹配包含3个X的序列的字符串；
^和$分别表示开头和结尾，^n表示以n开头的字符串，n$表示以n结尾的字符串。

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

贪婪模式在满足匹配条件的情况下会尽可能多的展示匹配结果，而非贪婪模式与其相反。一般默认为贪婪模式。
属于贪婪模式的量词，也叫做匹配优先量词，包括：{m,n}、{m,}、?、*和+。在一些使用NFA引擎的语言中，在匹配优先量词后加上“?”，即变成属于非贪婪模式的量词，也叫做忽略优先量词，包括： {m,n}?、{m,}?、??、*?和+?

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

一个单词的字符串可以这样：
var str = ' hello '
function trim(str){
console.log(str.replace(/\s+/,''));
}
多个单词的：
var str = ' hello world '
function trim(str){
console.log(str.replace(/^{\s*|\s*$/g,''))//或者console.log(str.replace(/}\s+|\s+$/g,''))
}

4.使用实现 addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)

，使用正则

    var abc = {"className":"i have apple"};
function hasClass(el,cls){
   var patt = new RegExp('\\b'+cls+'\\b','g');
   if(patt.test(el.className)){
       return true;
   }else{return false;}
}
function addClass(el,cls){
  if(hasClass(el,cls)){
      return ;
  }else{
     el.className += " ";
     el.className += cls;
     console.log(el.className);
  }
}
function removeClass(el,cls){
     if(hasClass(el,cls)){
        el.className = el.className.replace(cls,'');
        el.className = el.className.replace('  ','');
        console.log(el.className);
     }else{
        console.log(el.className);
     }
}
hasClass(abc,'five');
addClass(abc,'five');
removeClass(abc,'five');

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

  function isEmail(str){
        var patt1 = /^\w+@\w+\.[a-z]{2,3}$/;
        return patt1.test(str);
  }

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

function isPhoneNum(str){
   var patt = /^1[34578][0-9]{9}$/; 
   if(patt.test(str)){
     console.log('格式正确');
   }else{
     console.log('格式错误')
   }
}
var str = 18729427846;
isPhoneNum(str);

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

     function isValidUsername(str){
        var patt1 = /^[\w+]{6,20}$/,
            patt2 = /^[0-9]{6,20}$/,
            patt3 = /^[a-z]{6,20}$/,
            patt4 = /^[A-Z]{6,20}$/,
            patt5 = /^[\_+]{6,20}$/;  
        if((patt1.test(str))&&(!patt2.test(str))&&(!patt3.test(str))&&(!patt4.test(str))&&(!patt5.test(str))){
         console.log('格式正确');
        }else{
          console.log('格式错误'); 
      }}
      isValidUsername('187452aA46');

![)4I]V5S9K$$CZMQC]TXH@01.png](http://upload-images.jianshu.io/upload_images/1967135-2c46edbb34f9bed4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

9.写一个正则表达式，得到如下字符串里所有的颜色

  var re = /#[0-9a-f]{3,6}/ig;
  var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 ";
  alert( subj.match(re) );

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

  var str = 'hello  "hunger" , hello "world"';
  var pat = /".*"/g;//输出[""hunger" , hello "world""]，`*`触发贪婪模式，会匹配尽可能多的双引号之间的字符。
  var pat =  /".*?"/g;//改为非贪婪模式
  str.match(pat);

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

  方法一：（非贪婪模式）
  str = '.. <!-- My -- comment \n test --> ..  <!----> .. ';
  re = /<[\W\w]*?>/g;//只适用于本体，若要完美输出注释，则为re = /<！--[\W\w]*?-->/g;
  str.match(re);
  方法二：（贪婪模式）
  str = '.. <!-- My -- comment \n test --> ..  <!----> .. ';
  re = /<[^>]*>/g;
  str.match(re);

12.补全如下正则表达式

  方法一：
  var re = /<[^>].*?>/g
  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>'

最后编辑于：2017.12.03 06:35:58