问答
-
\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分别是什么?
/d 查找数字
\w 查找单词字符(字母、数字、下划线)。
/s 查找空白字符(空格、tab、换行、回车)。
[a-zA-Z0-9] 匹配大小写字母和数字。
\b 匹配单词边界
. 匹配除了回车（/r）、换行（\n）、行分隔符（\u2028）和段分隔符（\u2029）以外所有单个字符。
* 匹配包含0个或者多个的字符串 等同于{0,}
+ 表示某个出现过1次或多次，等同于{1,}
?表示出现过0次或1次，等同于{0,1}
x{3} 匹配3个x这样序列的字符串
^字符串的开始
$字符串的结束
- 贪婪模式和非贪婪模式指什么?
贪婪模式：尽可能选择往多了匹配，即匹配到下一个字符不满足为止。* ,+。
非贪婪模式：一旦条件满足了，就不继续往下匹配。尽可能少的匹配。*?,+?。
贪婪模式：console.log('123456789'.match(/\d{2,3}/g));//["123","456","789"]
非贪婪模式：console.log('123456789'.match(/\d{2,3}?/g))//["12","34","56","78"]
代码题
- 写一个函数trim(str)，去除字符串两边的空白字符
<script type="text/javascript">
function trim(str){
return str.replace(/^\s*|\s*$/g,'');
}
</script>
- 使用实现
addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正则
<script type="text/javascript">
var p = {
className: "main layout ads"
};
function addClass(el, cls) {
var rg = new RegExp("\\b" + cls + "\\b", "g");
if(!rg.test(el.className)) {
el.className +=" " + cls;
}else{
return "class has already existing"
}
}
function hasClass(el, cls) {
var rg = new RegExp("\\b" + cls + "\\b", "g");
if(rg.test(el.className)) {
return true;
} else {
return false;
}
}
function removeClass(el, cls) {
var rg = new RegExp("\\b" + cls + "\\b", "g");
if(rg.test(el.className)) {
el.className = el.className.replace(rg, "");
el.className = el.className.replace(/\s{2}/g, " ");
}
}
addClass(p,"ppp");
console.log(p.className)//main layout ads ppp
console.log(addClass(p,"main"));//class has already existing
console.log(hasClass(p,"main"))//true
console.log(hasClass(p,"s"))//false
removeClass(p,"layout");
console.log(p.className);//main ads ppp
</script>
- 写一个函数isEmail(str)，判断用户输入的是不是邮箱
<script type="text/javascript">
function isEmail(str){
var Emeier = /(\w)+[@]{1}(\w)+[.]{1}(\w)+/;
return Emeier.test(str);
}
console.log(isEmail("123wdasdszc@qq.com"));
console.log(isEmail("123wdasdszcqq.com"));
</script>
- 写一个函数isPhoneNum(str)，判断用户输入的是不是手机号
<script type="text/javascript">
function isPhoneNum(str){
var phNum = /^1[3689]{1}\d{9}$/;
return phNum.test(str);
}
console.log(isPhoneNum("15858020000"));//false
console.log(isPhoneNum("13999999999"));//true
</script>
- 写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）
<script type="text/javascript">
function isValidUsername(str){
var userN = /^\w{6,20}$/;
return userN.test(str);
}
console.log(isValidUsername("dwadpp"));//true
console.log(isValidUsername("dwadpp_"));//ture
console.log(isValidUsername("dwadpp_1222"));//true
console.log(isValidUsername("dwadpp_21ew&*"));//false
</script>
- 写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，包括大写字母、小写字母、数字、下划线至少两种）
<script type="text/javascript">
function isValidPassword(str) {
if(/\W/.test(str)) {
return false;
} else {
if(/^\w{6,20}$/.test(str)) {
if(/(^[0-9]+$)|(^[A-Z]+$)|(^[a-z]+$)|(^[_]+$)/g.test(str)) {
return false;
} else {
return true;
}
} else {
return false;
}
}
}
console.log(isValidPassword("_24uihduihs2232"));//true
console.log(isValidPassword("*(awdawd24314_"));//false
console.log(isValidPassword("12345678"));//false
</script>
- 写一个正则表达式，得到如下字符串里所有的颜色（#121212）
<script type="text/javascript">
var re = /#[0-9a-fA-F]{6}/g；//这么写
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
alert(subj.match(re)) // #121212,#AA00ef
</script>
- 下面代码输出什么? 为什么? 改写代码，让其输出
hunger, world.
<script type="text/javascript">
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g; //这么写
str.match(pat);
</script>
- 补全如下正则表达式，输出字符串中的注释内容. (可尝试使用贪婪模式和非贪婪模式两种方法)
<script type="text/javascript">
var str = '.. <!-- My -- comment \n test --> .. <!----> .. '
var re1 = /<!--[\W\w]*?-->/g;//首先是贪婪模式的写法
var re2 = /<!--[^>]*-->/g;//非贪婪模式写法
str.match(re1) // '<!-- My -- comment \n test -->', '<!---->'
str.match(re2);//["<!-- My -- comment test -->", "<!---->"]
</script>
<script type="text/javascript">
var re = /<[^>]+>/g;//这么写
var str = '<> <a href="/"> <input type="radio" checked> <b>';
str.match(re); // '<a href="/">', '<input type="radio" checked>', '<b>'
</script>
