\d，\w,\s,[a-zA-Z0-9],\b,.,,+,?,x{3},^$分別是什么?*
\d 代表匹配[0-9]的數(shù)字
\w 代表匹配[a-zA-Z0-9_]
\s 代表匹配\t\n\r在內(nèi)的一些空字符
[a-zA-Z0-9] 匹配數(shù)字0-9、A-Z(不區(qū)分大小寫)
\b 邊界
. 匹配任意一個字符
*重復出現(xiàn)0次或多次類似{0,}
+ 至少出現(xiàn)一次 類似{1,}
? 至多出現(xiàn)一次 類似{0,1}
x{3},匹配連續(xù)出現(xiàn)3次x 的字符
^$ 匹配除了$以外的字符
貪婪模式和非貪婪模式指什么?
貪婪模式是：正則表達式，趨向于匹配到符合匹配結(jié)果長度最長的字符。
一般默認是貪婪模式
非貪婪模式是：正則表達式，趨向匹配到這個結(jié)果就好，盡可能少的匹配字符。
設置非貪婪模式后面加?；
例如：
var regexp=/123.*/g
var regexp1=/123.*?/g
var arr="123 1234 12345 123333";
console.log(arr.match(regexp));//["123 1234 12345 123333"]
console.log(arr.match(regexp1));//["123", "123", "123", "123"]
代碼題
寫一個函數(shù)trim(str)，去除字符串兩邊的空白字符
function trim(str){
//去除左邊的字符串
var left=new RegExp("^\\s*","g");
// var left=/^\s*/g;
var right =new RegExp("\\s*$","g");
//去除右邊的字符串
// var right=/\s*$/g;
var arr=str.replace(left,"");
console.log("去除后:"+arr.replace(right,""));
return str;
}
console.log("未開始前"+" 123456s f a f hkjh ");
var str=" 123456s f a f hkjh ";
trim(str);
使用實現(xiàn) addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正則
//使用實現(xiàn) addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正則
//提示: el為dom元素，cls為操作的class， el.className獲取el元素的class
//1、addClass:為指定的dom元素添加樣式。
//2、removeClass:刪除指定dom元素的樣式。
//3、toggleClass:如果存在(不存在)，就刪除(添加)一個樣式。
//4、hasClass:判斷樣式是否存在。
function hasClass(el,cls){
var ele=new RegExp("\\b"+cls+"\\b");
if (ele.test(el)){
return "存在樣式cls";
}else{
return "不存在樣式cls";
}
}
function toggleClass(el,cls){
var ele=new RegExp("\\b"+cls+"\\b");
if (hasClass(el,cls)){
(el.className+"").replace(cls,"");
}else{
el.className+=""+cls
}
}
function removeClass(el.cls){
var ele=new RegExp("\\b"+cls+"\\b");
if(hasClass(el,cls)){
(el.className+"").replace(cls,"");
}
}
寫一個函數(shù)isEmail(str)，判斷用戶輸入的是不是郵箱
function isEmail(str){
// var rag=new RegExp("^\w{6,18}@\w{2,4}\\.[cn]\w{1,2}$");
// var rag=/^\w{6,18}@\w{2,4}\.(c|n).+$/g;
var rag=new RegExp("^\\w{6,18}@\\w{2,4}\\.[cn].+$")
if(rag.test(str)==true){
console.log("您注冊的郵箱符合規(guī)范");
}else{
console.log("郵件地址需由字母、數(shù)字或下劃線組成,請重新注冊")
}
}
var a="liruihao@163.net";
var b="lirui_ck@aaaa.saasda";
isEmail(a);
isEmail(b);
寫一個函數(shù)isPhoneNum(str)，判斷用戶輸入的是不是手機號
function isphoneNum(str){
var reg=/^1[34578]\d{9}$/;
if(reg.test(str)){
console.log("輸入的號碼為手機號");
}else{
console.log("請輸入正確的手機號");
}
}
str="123456678";
str1="13972023324";
str2="152311111111";
isphoneNum(str);//請輸入正確的手機號
isphoneNum(str1);//輸入的號碼為手機號
isphoneNum(str2);//請輸入正確的手機號
寫一個函數(shù)isValidUsername(str)，判斷用戶輸入的是不是合法的用戶名（長度6-20個字符，只能包括字母、數(shù)字、下劃線）
function isValidUsername(str){
var reg=/^[\w]{6,20}$/
if (reg.test(str)){
console.log("符合標準");
}else{
console.log("不符合標準");
}
}
str="1231231231231313123123123"
isValidUsername(str);
判斷用戶輸入的是不是合法密碼（長度6-20個字符，包括大寫字母、小寫字母、數(shù)字、下劃線至少兩種） -->
<script>
function isValidPassword(str){
//全部為數(shù)字，(大小寫)字母，下劃線，
var reg=/^[a-z]{6,20}$|^[A-Z]{6,20}$|^[0-9]{6,20}$|^_{6,20}$/
if(reg.test(str)){
console.log("輸入密碼不合法");
}else{
console.log("輸入密碼合法");
}
}
var str="aaaaaaaaaaaaaa";
var str1="liruihaodA"
isValidPassword(str);
isValidPassword(str1);
寫一個正則表達式，得到如下字符串里所有的顏色（#121212）
var re = /#[A-Fa-f0-9]{6}/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
console.log( subj.match(re) ) // #121212,#AA00ef
下面代碼輸出什么? 為什么? 改寫代碼，讓其輸出hunger, world
//下面代碼輸出什么? 為什么? 改寫代碼，讓其輸出hunger, world.
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
console.log(str.match(pat)); //'"hunger" , hello "world"'
//輸出'"hunger" , hello "world"'
///".*"/g 表示匹配"." 雙引號中匹配任意非轉(zhuǎn)位符，默認貪婪模式,即匹配'"hunger" , hello "world"'
var reg=/"\w{5}"?/g;
console.log(str.match(reg));
補全如下正則表達式，輸出字符串中的注釋內(nèi)容. (可嘗試使用貪婪模式和非貪婪模式兩種方法)
str = '.. <!-- My -- comment \n test --> .. <!----> .. <!-- asdsadasd<>安大廈--> '
re = /<!--[^\r\.]*-->/g
re2 = /<!--[^\r]*?-->/g
console.log(str.match(re) );// '<!-- My -- comment \n test -->', '<!---->'
console.log(str.match(re2) );//"<!-- My -- comment ? test -->", "<!---->", "<!-- asdsadasd<>安大廈-->"
補全如下正則表達式
var re = /<[^<>]+>/g//貪婪模式
var re1=/<[^<>]+?>/g//非貪婪模式.
var str = '<> <a href="/"> <input type="radio" checked> <b>';
console.log(str.match(re)); // '<a href="/">', '<input type="radio" checked>', '<b>'
