問答
\d二拐，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么?
- \d 代表匹配數(shù)字
- \w 代表匹配單詞字符（字母、數(shù)字凳兵、下劃線）
- \s 代表匹配空白字符（空格百新、tab、換行庐扫、回車）
- [a-zA-Z0-9] 代表匹配小寫字母a-z和大寫字母A-Z和數(shù)字中的任意一種
- \b 代表匹配單詞邊界
- . 代表匹配任意字符饭望，除換行和行結(jié)束符
- n+ 代表匹配任何包含至少一個(gè)n的字符串
- n* 代表匹配零個(gè)或多個(gè)n的字符串
- n? 代表匹配零個(gè)或一個(gè)n的字符串
- x{3} 代表匹配包含3個(gè)x序列的字符串
- ^n 代表匹配任何開頭為n的字符串
- n$ 代表匹配任何結(jié)尾為n的字符串
貪婪模式和非貪婪模式指什么?
- 貪婪模式在整個(gè)表達(dá)式匹配成功的前提下，盡可能多的匹配
- 非貪婪模式在整個(gè)表達(dá)式匹配成功的前提下形庭，盡可能少的匹配
- 屬于貪婪模式的量詞铅辞，也叫做匹配優(yōu)先量詞，包括：
“{m,n}”萨醒、“{m,}”斟珊、“？”富纸、“*”和“+”
- 在匹配優(yōu)先量詞后加上“囤踩？”，即變成屬于非貪婪模式的量詞晓褪，也叫做忽略優(yōu)先量詞堵漱，包括：
“{m,n}?”、“{m,}?”辞州、“怔锌？？”变过、“*？”和“+涝涤？”
- 從正則語法的角度來講媚狰，被匹配 優(yōu)先量詞修飾的子表達(dá)式使用的就是貪婪模式，如“{expression}+”阔拳；被忽略優(yōu)先量詞修飾的子表達(dá)式使用的就是非貪婪模式崭孤，如“{expression}+?”
代碼題
寫一個(gè)函數(shù)trim(str)，去除字符串兩邊的空白符
function trim(str){
var re = /(^\s*)|(\s*$)/g;
return str.replace(re,'');
}
使用實(shí)現(xiàn) addClass(el, cls)糊肠、hasClass(el, cls)辨宠、removeClass(el,cls)，使用正則
function trim(str){
var re = /(^\s*)|(\s*$)/g;
return str.replace(re,'');
}
function hasClass(el, cls) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
return reg.test(el.className);
};
function addClass(el, cls) {
if (!hasClass(el, cls)) {
el.className = el.className + ' ' + cls;
}
}
function removeClass(el, cls) {
// 判斷className 是否存在
if (hasClass(el, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
el.className = el.className.replace(reg, ' '); //用空格代替匹配className货裹，作用于刪除className的中間字符串
el.className = el.className.replace(/\s{2,}/g,' '); //如果多于兩個(gè)空格嗤形，則代替為一個(gè)空格
el.className = trim(el.className); //去除兩邊空格
}
}
var obj = {
className: 'aa bb cc dd ee'
}
寫一個(gè)函數(shù)isEmail(str)，判斷用戶輸入的是不是郵箱
function isEmail(str) {
// 匹配單詞+@+單詞+.cn或com的郵箱格式
var reg = /(\w)+@{1}(\w)+[.]{1}(cn|com)/
if (reg.test(str)) {
return '恭喜弧圆，這個(gè)郵箱正確'
} else {
return '對不起赋兵，郵箱地址不正確'
}
}
寫一個(gè)函數(shù)isPhoneNum(str)笔咽，判斷用戶輸入的是不是手機(jī)號
function isPhoneNum(str) {
// 手機(jī)號必須是1開頭的任意11位數(shù)字
var reg = /^[1][0-9]{10}$/;
if (reg.test(str)) {
return '這是可用的手機(jī)號'
} else {
return '請輸入正確的手機(jī)號'
}
}
寫一個(gè)函數(shù)isValidUsername(str)，判斷用戶輸入的是不是合法的用戶名（長度6-20個(gè)字符霹期，只能包括字母叶组、數(shù)字、下劃線）
function isValidUsername(str) {
var reg = /^\w{6,20}$/;
if (reg.test(str)) {
return '這個(gè)用戶名可以注冊'
} else {
return '請輸入正確的用戶名'
}
}
寫一個(gè)函數(shù)isValidPassword(str), 判斷用戶輸入的是不是合法密碼（長度6-20個(gè)字符历造，只包括大寫字母甩十、小寫字母、數(shù)字吭产、下劃線侣监，且至少至少包括兩種）
function isValidPassword(str) {
var patt = /^\w{6,20}$/;
var patt1 = /(^[A-Z]+$)|(^[a-z]+$)|(^[0-9]+$)|(^_+$)/;
if (patt.test(str)) {
if (!patt1.test(str)) {
return '密碼正確';
} else {
return '密碼錯(cuò)誤';
}
} else {
return '必須輸入6-20個(gè)字符';
}
}
寫一個(gè)正則表達(dá)式，得到如下字符串里所有的顏色（#121212）
var re = /#\w{6}/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
alert(subj.match(re))
下面代碼輸出什么? 為什么? 改寫代碼垮刹，讓其輸出hunger, world
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat);
- 因?yàn)橛袃?yōu)先匹配量詞
*在达吞，所以此次正則匹配是貪婪匹配，貪婪模式會盡可能多得進(jìn)行匹配荒典，所以結(jié)果是[""hunger",hello "world""]
- 使用非貪婪模式進(jìn)行匹配
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g;
str.match(pat);
補(bǔ)全如下正則表達(dá)式酪劫，輸出字符串中的注釋內(nèi)容. (可嘗試使用貪婪模式和非貪婪模式兩種方法)
//非貪婪模式
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /<!--[\s\S]*?-->/g;
str.match(re)
//貪婪模式
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /<!--[^>]*-->/g;
str.match(re)
補(bǔ)全如下正則表達(dá)式
// 非貪婪模式
var re = /<\w.*?>/g;
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re)
// 貪婪模式
var re = /<[^>]+>/g
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re)
