A.正则表达式:规定字符串中字符出现规则的表达式
何时使用:查找,验证,替换,切割
1.备选字符集:规定某一位字符的备选字符列表
特点:必须且只能多选一
eg:上天,上海
上[天海]
1.1 如果备选字符的unicode号连续
//一个数字
[0-9]
//一个小写字母
[a-z]
//一个大写字母
[A-Z]
//一个数字或字母
[0-9a-zA-Z]
2.预定义字符集:针对常用的备选字符集提供的简化符号
//一位数字
[0-9] --> \d
//一位数字字母或下划线
[0-9a-zA-Z_] -->\w
//1位空字符:换行,制表符,空格
\s
// 除换行外,其余所有字符
.
3.量词:规定字符集出现的次数
特点:默认一个量词,仅修饰左侧紧邻的字符集
3.1 确定数量:
{m,n} -->至少m个,最多n个
{m,} -->m个以上
{m} -->必须m个
3.2 不确定数量:
? -->一个或0个
+ -->1个以上
* -->多个或没有
4. 选择和分组
//选择
| 读作"或"
//分组
()
手机号
手机号:+86或0086 可有可无,最多1个
空字符 不限制个数
1
3,4,5,7,8 选其一
9位数字
(\+86|0086)?\s*1[34578]\d{9}
5. 指定匹配位置
开头和结尾:^开头的xxx;$结尾的xxx
何时使用:仅匹配开头的规则和结尾的规则时使用
固定搭配:^正则表达式$-->表示从头到尾完整匹配
何时使用:只要验证时,必须前加^,后加$!
eg:
//匹配字符串开头的所有空字符
^\s+
//匹配字符串结尾的所有空字符
\s+$
6. 排除
//除了abc
[^abc]
***B.String中支持正则的API
match()将所有匹配的字符(内容)提取出来
stringObject.match(searchvalue)
stringObject.match(regexp)
eg:
var str = "he1212 212";
console.log(str.match(/\d*/g));
// ["", "", "1212", "", "212", ""]
eg:
var str = "he1212 212";
console.log(str.match(/\d+/g));
// ["1212", "212",]
eg:
var str = "he1212 212";
console.log(str.match(/\d/g));
// ["1", "2", "1", "2", "2", "1", "2"]
search() 方法用于检索字符串中指定的子字符串的位置
stringObject.search(regexp)
//注释:如果没有找到任何匹配的子串,则返回 -1。
replace() 替换匹配的对象
stringObject.replace(regexp/substr,replacement)
var str = "hea1212 a212";
var reg = new RegExp(/a/,"g");
console.log(str.replace(reg,"0"))
eg:关键词过滤
//将句子里的北京和淘宝替换成"***"
//HTML
<textarea id="txt1" name="" cols="30" rows="10">
</textarea>
<input type="button" value="过滤" id="btn" />
<textarea id="txt2" name="" cols="30" rows="10">
</textarea>
//JS
window.onload = function(){
var txt1 = document.getElementById("txt1");
var txt2 = document.getElementById("txt2");
var btn = document.getElementById("btn");
btn.onclick=function(){
var value = txt1.value;
var reg = /淘宝|百度/g;
txt2.value = value.replace(reg,"***")
}
}
eg:过滤HTML标签
var reg =/<[^<>]+>/g;
txt2.value = txt1.value.replace(reg,"");
RegExp对象
- 直接量语法
/pattern/attributes
var reg = /a/g
- 创建 RegExp 对象的语法(了解)
new RegExp(pattern, attributes);
var reg = new RegExp(/a/,"g");
eg校验邮箱
//邮箱的规则 一串数字,字母或下划线@一串数字英文.一串英文
// /\w+@[a-z0-9]+\.[a-z]+/i
var reg = /^\w+@[a-z0-9]+\.[a-z]+$/i
//test() 只要字符串中的一部分符合要求
reg.test();
//HTML
<input type="text" id="test">
//JS
var test = document.getElementById("test");
test.onchange = function () {
var reg = /^\w+@[a-z0-9]+\.[a-z]+$/i;
var txt = test.value;
if(reg.test(txt)){
alert("正确");
}else{
alert("不正确");
}
}