\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么?
- \d 查找數(shù)字
var str = "123qwer4556honidf&**.q"
console.log(str.match(/\d/g))
//["1", "2", "3", "4", "5", "5", "6"] - /w 查找單詞字符(字母、數(shù)字、下劃線)。
var str="Give 100%!____----";
console.log(str.match(/\w/g))
//["G", "i", "v", "e", "1", "0", "0", "", "", "", ""] - \s 查找空白字符(空格、tab、換行、回車)。
var str = "d were fsdf er er r "
console.log(str.match(/\s/g))
//[" ", " ", " ", " ", " ", " ", " ", " "] - [a-zA-Z0-9] 查找a-z的小寫字母以及大寫字母，0-9的數(shù)字
var str = "d HI50fwe 123eqrqw%^@&r3"
console.log(str.match(/[a-zA-Z0-9]/g))
//["d", "H", "I", "5", "0", "f", "w", "e", "1", "2", "3", "e", "q", "r", "q", "w", "r", "3"] - \b 匹配單詞邊界。
補(bǔ)充
- .查找單個字符，除了換行和行結(jié)束符。
var str="That's hot!";
var patt1=/h.t/g;
console.log(str.match(patt1));
//["hat", "hot"] -
+匹配前面的子表達(dá)式一次或多次。
例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等價于 {1,}。
var str = "10 100 1000 10000 1"
console.log(str.match(/10*/g))
結(jié)果["10", "100", "1000", "10000"] -
*匹配前面的子表達(dá)式零次或多次。
例如，zo* 能匹配 "z" 以及 "zoo"。* 等價于{0,}。
var str = "10 100 1000 10000 1"
console.log(str.match(/10*/g))
結(jié)果["10", "100", "1000", "10000", "1"] (貪婪模式) -
?匹配前面的子表達(dá)式零次或一次。
例如，"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等價于 {0,1}。
var str = "10 100 1000 10000"
console.log(str.match(/10?/g))
結(jié)果["10", "10", "10", "10", "1"] (非貪婪模式)
- n{X} 匹配包含 X 個 n 的序列的字符串。
- n{X,}匹配包含至少 X 個 n 的序列的字符串。（貪婪模式）
- n{X,Y} 匹配包含 X 或 Y 個 n 的序列的字符串。（貪婪模式）
- n$ 匹配任何結(jié)尾為 n 的字符串。
- ^n 匹配任何開頭為 n 的字符串。
- [^abc]查找任何不在方括號之間的字符。
貪婪模式和非貪婪模式指什么?
- 貪婪模式:量詞在默認(rèn)下是盡可能多的匹配的
- 非貪婪模式讓正則表達(dá)式盡可能少的匹配，也就是說一旦成功匹配不再繼續(xù)嘗試（在量詞后加?即可）
代碼題
寫一個函數(shù)trim(str)，去除字符串兩邊的空白字符
function trim(str){
return str.replace(/^\s+|\s+$/g,"")
}
注意點(diǎn)：得寫+$而不能是$+,不加+會導(dǎo)致兩邊若空格多于一個無法清理。
使用實(shí)現(xiàn) addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正則
function hasClass(el, cls){
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
return reg.test(el.className);
}
function addClass(el, cls){
if(!hasClass(el, cls)){
return el.className += " " +cls;
}
}
function removeClass(el, cls){
if(hasClass(el, cls)){
el.className = el.className.replace(cls,"").replace(/\s{2,}/g, ' ').replace(/^\s+|\s+$/g,"");
}
}
代碼注意點(diǎn)
replace不會導(dǎo)致原字符串改變
).replace(/\s{2,}/g, ' ').為的是保證中間的詞條清除時，產(chǎn)生的兩個空格變?yōu)橐粋€
.replace(/^\s+|\s+$/g,"")為的是保證清除末尾以及開頭刪除時產(chǎn)生的空格
寫一個函數(shù)isEmail(str)，判斷用戶輸入的是不是郵箱
function isEmail(str){
var pat = /^[\w\-]+@[\w\-]+\.((com)$|(cn)$)/;
return pat.test(str)
}
寫一個函數(shù)isPhoneNum(str)，判斷用戶輸入的是不是手機(jī)號
function isPhoneNum(str){
var pat = /1\d{10}$/
return pat.test(str)
}
寫一個函數(shù)isValidUsername(str)，判斷用戶輸入的是不是合法的用戶名（長度6-20個字符，只能包括字母、數(shù)字、下劃線）
function isValidUsername(str){
var pat = /^\w{6,20}$/;
return pat.test(str);
}
寫一個函數(shù)isValidPassword(str), 判斷用戶輸入的是不是合法密碼（長度6-20個字符，包括大寫字母、小寫字母、數(shù)字、下劃線至少兩種）
function isValidPassword(str){
if(str.length<6 || str.length>20){
return false
}
if(/[^A-Za-z_0-9]/.test(str)){
return false
}
if(/(^[a-z]+$)|(^[A-Z]+$)|(^_+$)|(^[0-9]+$)/g.test(str)){
return false
}
return true
}
代碼思路：至少兩種等同于只有單一的一種即可
代碼注意：需要在符合的條件后面跟上+符號。
寫一個正則表達(dá)式，得到如下字符串里所有的顏色（#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 = /#[A-Fa-f0-9]{6}/g;
代碼書寫錯誤：
1、之前在#前面加了^，這樣意味著顏色得在字符串的開頭位置。
2、沒有加g,導(dǎo)致后面的顏色沒有出現(xiàn)
下面代碼輸出什么? 為什么? 改寫代碼，讓其輸出hunger, world.
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat);
為貪婪模式。輸出[""hunger" , hello "world""]
改寫后
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g;
console.log(str.match(pat));
補(bǔ)全如下正則表達(dá)式，輸出字符串中的注釋內(nèi)容. (可嘗試使用貪婪模式和非貪婪模式兩種方法)
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /.. your regexp ../
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
貪婪模式
re=/<!--[^>]*-->/g
非貪婪模式
re=/<!--[\w\W]*?-->/g
補(bǔ)全如下正則表達(dá)式
var re = /* your regexp */
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'
貪婪模式
re= /<[^>]+>/g
非貪婪模式
re=/<[^>]+?>/g)
