正则表达式

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

• \d :查找数字
• \w:查找单词字符（字母，数字，下划线）
• [a-zA-Z0-9]: a-z A-Z 0-9的字符
• \b:单词边界(设在前面就是开头，后面就是结尾)
• . : 任何字符（除换行）
• *:贪婪模式，表示匹配任何包含零个或多个 n 的字符串
• +:表示匹配任何包含至少一个 n 的字符串
• ?: 非贪婪模式，表示匹配任何包含零个或一个 n 的字符串
• x{3} 匹配长度至少为3个x的字符串
• ^$ : 匹配开头为$的字符串

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

贪婪模式指的是正则表达式在满足条件的情况下，尽可能多的去匹配项。
例如指{n,m}、+、*
非贪婪模式指的是尽可能少的去匹配，在正则表达式后面用？表示

代码

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

function trim(str){
  return str.replace (/^\s+|\s+$/g,'');
  

task-21-1测试结果.png

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

function hasClass(el,cls){
  var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)','g');  
  return reg.test(el.className)
function addClass(el,cls){
   var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)','g'); 
   if(!hasClass(el,cls){
    return el.className+''+cls
  }
}
function removeClass(el,cls){
   var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)','g');  
   if(!hasClass(el,cls){
    return el.className.replace(cls,'');
  }
}
console.log(hasClass(obj,'abc'));
console.log(addClass(obj,'abc'));
console.log(removeClass(obj,'hello'));  

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

function isEmail(str){
  var patt = /\S+@\S+\.\S/  //这里的\.是为了转义，单纯的匹配一个.
  retrun patt.test(str)

task-21-3测试结果.png

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

function isPhoneNum(str){
  var patt = /^1[0-9]{10}$/
  return patt.test(str)

task-21-4.png

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

function isValidUsername(str){
  var patt = /^\w{6,20}$/
  retrun patt.test(str)

task-21-5测试结果.png

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

function isValidPassword(str){
  var patt = /^\w{6,20}$/;
  if(!patt.test(str){
    return '这不是合法密码!'
    }
if (/(^[A-Z]+$)|(^[a-z]+$)|(^[0-9]+$)|(^_+$)/g.test(str)){
  return '这不是合法密码!'
 }
return '输入正确'
}
var str = 'abcabcabc';
console.log(isValidPassword(str));
str = 'abc';
console.log(isValidPassword(str));
str = 'abc2314__';
console.log(isValidPassword(str));

task-21-6测试结果.png

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

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

task-21-7测试结果.png

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

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

这个代码输出了"hunger",hello,"world"，因为.代表的是任何字符，而*这个代表的是多次匹配，也就是贪婪模式
我们可以修改成非贪婪模式，让他输出成hunger, world

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

task-21-8测试结果.png

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

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

10.补全如下正则表达式

var re = /<^[<>]+>/g // [^<>]的意思是查找任何不在方括号之间的字符,这里是补全的代码
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'

task-21-10测试结果.png