問(wèn)答
\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么?
| 可能的值 | 代表 |
|---|---|
\d |
代表數(shù)字字符 |
\w |
代表單詞字符，字母，數(shù)字，下劃線 |
\s |
代表空白符 |
[a-zA-Z0-9] |
代表字母，數(shù)字 |
\b |
代表單詞邊界 |
. |
代表任意字符 |
* |
代表匹配0次或多次 |
+ |
代表匹配1次或多次 |
? |
代表匹配零次或1次 |
x{3} |
匹配x三次 |
^ |
代表開頭 |
$ |
代表結(jié)束 |
貪婪模式和非貪婪模式指什么?
在涉及到量詞時(shí)，貪婪模式會(huì)將符合正則這一位的所有字符都匹配到，然后再?gòu)暮笸斑M(jìn)行查詢正則的下一位。
在非貪婪模式下，每有一個(gè)符合正則的字符串的值，下一位先判斷是否符合正則的下一位，否則再判斷是否符合當(dāng)前的正則位。
在有量詞{3，10}時(shí)，假設(shè)符合條件的可以有10次，處于貪婪模式，會(huì)把這符合條件的10次都匹配到；而處于非貪婪模式下，只要匹配到3次，這次匹配就結(jié)束，后面的字符重新開始匹配。
匹配默認(rèn)采用的是貪婪模式，想要設(shè)置為非貪婪，要再量詞后面加?即可.
'123456789'.match(/\d{3,5}/g); //["12345", "6789"]
'123456789'.match(/\d{3,5}?/g); //["123", "456", "789"]
代碼題
寫一個(gè)函數(shù)trim(str)，去除字符串兩邊的空白字符
function trim(str){
return str.match(/[\S]+(\s+\S+)*/g)[0];
}
trim(' asdfas df asdfa ')\\"asdfas df asdfa"
使用實(shí)現(xiàn) addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正則
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style>
.box1{
background:#eee;
}
.container{
width:900px;
margin:0 auto;
}
</style>
</head>
<body>
<div id="box" class="box1 container">
<span>lahhahah</span>
</div>
<script>
function hasClass(el, cls){
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)', 'g' );
return reg.test(el.className);
}
function addClass(el, cls){
if(!hasClass(el, cls)){
el.className = el.className + ' ' + cls;
}
return el.className;
}
function removeClass(el, cls){
if(hasClass(el, cls)){
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
el.className = el.className.replace(reg, '');
}
return el.className;
}
</script>
</body>
</html>
寫一個(gè)函數(shù)isEmail(str)，判斷用戶輸入的是不是郵箱
function isEmail(str){
return str.match(/^(\w)+(\.\w+)*@(\w)+((\.\w{2,3}){1,3})$/);
}
判斷郵箱正則
寫一個(gè)函數(shù)isPhoneNum(str)，判斷用戶輸入的是不是手機(jī)號(hào)
function isPhoneNum(str){
return str.match(/^((\+86)|(86))?1[3-9]\d{9}$/);
}
正則判斷手機(jī)號(hào)
寫一個(gè)函數(shù)isValidUsername(str)，判斷用戶輸入的是不是合法的用戶名（長(zhǎng)度6-20個(gè)字符，只能包括字母、數(shù)字、下劃線）
function isValidUsername(str){
return str.match(/^[a-zA-Z]\w{5,19}$/);
}
合法用戶名
寫一個(gè)函數(shù)isValidPassword(str), 判斷用戶輸入的是不是合法密碼（長(zhǎng)度6-20個(gè)字符，包括大寫字母、小寫字母、數(shù)字、下劃線至少兩種）
function isValidPassword(str){
if (str.match(/^\w{6,20}$/)){
if(str.match(/^[A-Z]*$/)) return false;
if(str.match(/^[a-z]*$/)) return false;
if(str.match(/^[0-9]*$/)) return false;
if(str.match(/^[_]*$/)) return false;
return str;
} else return false;
}
寫一個(gè)正則表達(dá)式，得到如下字符串里所有的顏色
var re = /(#[a-fA-F0-9]{6})|(#[a-fA-F0-9]{3})/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2";
subj.match(re);// ["#121212", "#AA00ef", "#fdd", "#fd2"]
下面代碼輸出什么? 為什么? 改寫代碼，讓其輸出hunger, world.
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat); //"hunger" , hello "world"
- 因?yàn)樨澙纺Ｊ降挠绊懀袑儆凇?’的字符都會(huì)被匹配到，然后往回匹配
‘ " ’
貪婪模式
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g;
str.match(pat); //"hunger", "world"
- 在非貪婪模式下，從左向右匹配‘
"’，當(dāng)碰到自左方向符合.,且當(dāng)前為"的時(shí)候，就取出該字符串。
非貪婪模式
補(bǔ)全如下正則表達(dá)式，輸出字符串中的注釋內(nèi)容. (可嘗試使用貪婪模式和非貪婪模式兩種方法)
str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
re = /<!--[^]*?-->/g;//非貪婪
str.match(re); // '<!-- My -- comment \n test -->', '<!---->'
str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
re = /<!--[^>]*-->/g;//貪婪
str.match(re); // '<!-- My -- comment \n test -->', '<!---->'
貪婪模式運(yùn)行
- 貪婪模式匹配到一個(gè)
>即會(huì)停下，回溯匹配，第一個(gè)-沒(méi)成功，下一個(gè)-成功匹配了-->，匹配結(jié)束，取出字符串。
補(bǔ)全如下正則表達(dá)式
var re1 = /<[^>]+>/g;
var re2 = /<[\s\w'"=\/]+?>/g;
var str = '<> <a href="/"> <input type="radio" checked> <b>';
str.match(re2); // '<a href="/">', '<input type="radio" checked>', '<b>'
本教程版權(quán)歸 張宇 及 饑人谷 所有，轉(zhuǎn)載請(qǐng)注明出處~
