题目1: \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分别是什么?
\d:匹配数字
\w:匹配单个字母,单词,数字,下划线
\s:匹配空白字符
[a-zA-Z0-9]:匹配a-z A-Z 0-9任意字符
\b:单词边界 \bhellow 表示hellow词首必须独立才能匹配
.:除换行符和回车符之外的所有字符
:出现0次或多次, h:h出现0次或多次的规则
+:出现1次或多次,h+:h出现1次或多次的规则
?:出现0次或1次,h?:h出现0次或1次的规则
x{3}:x正好连续出现3次
^:在中括号里面表示:非 ;在中括号外面表示:以什么开头
$:以什么结尾
题目2: 写一个函数trim(str),去除字符串两边的空白字符
<script>
function trim(str){
var reg=/^\s+|\s+$/g;
return str.replace(reg,'');
}
var result=trim(" abc def ghi ")
console.log(result);
</script>
输出结果:
图片.png
题目3: 写一个函数isEmail(str),判断用户输入的是不是邮箱
<script>
function isEmail(str){
var reg=/^[\w-]+@[\w-]+(\.[\w-]+)+$/;
return reg.test(str);
}
var booleanvalue=isEmail("pearl-iooi@foxmail.com");
console.log(booleanvalue);
</script>
输出结果:
图片.png
题目4: 写一个函数isPhoneNum(str),判断用户输入的是不是手机号
<script>
function isPhoneNum(str){
var reg=/(\+\d{2,5}-)?\d{8}/;
return reg.test(str);
}
var booleanvalue1=isPhoneNum("18482187606");
console.log(booleanvalue1);
var booleanvalue2=isPhoneNum("+89-18482187606");
console.log(booleanvalue2);
</script>
输出结果:
图片.png
题目5: 写一个函数isValidUsername(str),判断用户输入的是不是合法的用户名(长度6-20个字符,只能包括字母、数字、下划线)
<script>
function isValidUsername(str){
var reg=/^\w{6,20}$/;
return reg.test(str);
console.log(str.match(reg));
}
var booleanvalue=isValidUsername("pearls=");
console.log(booleanvalue);
var booleanvalue=isValidUsername("pearl_iooi");
console.log(booleanvalue);
</script>
这里要注意贪婪和非贪婪
输出结果:
图片.png
题目7: 写一个正则表达式,得到如下字符串里所有的颜色
<script>
var re = /#[0-9a-fA-F]{6}/g
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee"
console.log( subj.match(re) ) // ['#121212', '#AA00ef']
</script>
输出结果:
图片.png
题目8: 下面代码输出什么? 为什么? 改写代码,让其输出[""hunger"", ""world""].
输出:[""hunger" , hello "world""]
原因:通过规则查找到第一个双引号(") 开始往后判断0个或多个除了回车符(\r)换行符(\n)的字符,一直到world的右双引号为止
所以匹配到"hunger" , hello "world"
改写代码:
<script>
var str = 'hello "hunger" , hello "world"';
var pat = /"[a-z]+"/g;
console.log(str.match(pat));
</script>
输出结果:
图片.png