正则表达式-Assignment

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

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

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

贪婪模式：在符合正则表达式前提下，匹配尽可能多的字符
懒惰模式：在符合正则表达式前提下，匹配尽可能少的字符

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

function trim(str){
  return str.replace(/^\s+|\s+$/g,'');
}
var str2 = trim('     hello world!   ')
console.log(str2)//'hello world'

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

//html代码


//js代码

var test = document.getElementById('test')

function hasClass(el,cls){
  var className = el.className;
  var reg = new RegExp('\\b'+cls+'\\b','g')
  return reg.test(className)
}
console.log(hasClass(test,'book'))//true
console.log(hasClass(test,'diff'))//false


function addClass(el,cls){
  var className = el.className;
  if(hasClass(el,cls)){
    console.log(cls+' is already existed')
  }else {
    className += ' '+cls;
    el.className = className;
    console.log(el.className)
  }
}
addClass(test,'book')//"book is already existed"
addClass(test,'happy')//"book read happy"


function removeClass(el,cls){
  var className = el.className;  
  if(!hasClass(el,cls)){
    console.log(cls+' is not existed')
}else{
  var reg = new RegExp('\\b'+cls+'\\b','g')
  el.className = className.replace(reg,'')
  console.log(el.className)
}
}
removeClass(test,'abc')//"abc is not existed"
removeClass(test,'book')//" read happy"

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

function isEmail(str){
  var reg = /^[a-zA-Z]\w*@[0-9a-zA-Z]+\.[a-zA-Z]+/
  console.log(reg.test(str));    
}
isEmail('[email protected]');/true

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

function isPhoneNum(str){
  var reg = /^0\d{2}[-]?\d{8}|^0\d{3}[-]?\d{7}|^1\d{10}/
  console.log(reg.test(str))
}
isPhoneNum('020-80723000')//true
isPhoneNum('07518869865')//true
isPhoneNum('13832132341')//true

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

function isValidUsername(str){
  var reg = /^\w{6,20}$/g
  console.log(reg.test(str))
}
isValidUsername('Kobe_Bryant')
isValidUsername('Kobe')
isValidUsername('123451234512345123451')

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

function isValidPassword(str){
    if (/[\W*/.test(str)) {
        console.log(false);
    }else if (/\w{0,5}|\w{21,}/.test(str)) {
        console.log(false)
    }else if (/^\d+$|^[a-zA-Z]|^_+$/.test(str)) {
        console.log(false)
    }else {
    console.log(true);}
}

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

var re = /#[0-9a-fA-F]{6}/g

var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "

console.log( subj.match(re) )

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

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
console.log(str.match(pat));
//[""hunger",hello"world""]
//pat正则表达为匹配""当中的任意数量的字符，str字符串中，""
//之间为hunger",hello "world

//改写方案
var pat2 = /"[^"]*"/g
console.log(str.match(pat2))

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

str = '..  ..   .. '
//1.懒惰模式
re = //g
//2.贪婪模式
re = //g
console.log(str.match(re)) 

12.补全如下正则表达式

var re = /<[a-zA-Z][^>]*>/g
var str = '<>   '
console.log(str.match(re))