JavaScript 正则表达式RegExp(text方法/内部类/边界/量词/优先级/replace/trim)


1. 概述
英语:Regular Expression
本质:用来记录文本规则的代码
(为字符串定义规则,为输入内容定义规则!)      
应用非常广泛,如:表单验证、高级搜索、生化科学      
(有一定难度,不要求非常熟练,但至少会表单验证) 


2. 正则表达式的组成
由一些普通字符和元字符组成,普通字符就是字母和数字,元字符具有特殊意义的字符
匹配腾讯QQ号:[1-9][0-9]{4,}
评注:腾讯QQ号从10000开始 


3. 正则表达式声明
① 通过构造函数定义 
var 变量名= new RegExp(/表达式/); 

② 通过直接量定义  (较为常用)
var 变量名= /表达式/;
console.log(regexp1.test(345));
console.log(/\d/.test(567));//直接使用


4. test() 方法          
正则对象方法,检测测试字符串是否符合该规则,返回true和false,参数(测试字符串) 
Boolean = 表达式.test("要验证的内容"); 
console.log(/\d/.test(567));//验证567符不符合 \d 的规范


5. 正则内部类
(帮我们写好的工具直接使用)

① 预定义类                                                       
  . [^\n\r] 除了换行和回车之外的任意字符(“”不行)
 \d [0-9] 数字字符
 \D [^0-9]    非数字字符

 \s [ \t\n\x0B\f\r]  空白字符 
 \S [^ \t\n\x0B\f\r]  非空白字符

 \w [a-zA-Z_0-9]  单词字符
 \W [^a-zA-Z_0-9]     非单词字符  

特殊字符:
\t     /\t/ 制表符
\n     /\n/ 换行符
\r     /\r/ 回车符
\f     /\f/ 换页符
\b     /\b/ 与回退字符
\v     /\v/ 垂直制表符
\0     /\0/ 空字符
回车和换行是两个东西,就像古老的打字机一样。

② 简单类
1)什么都不加直接写:只要完整包含就可以了
/string/.test(“string”);    必须是完整的,只多不能少
/andy/.test(“andy”); // true
/andy/.test(“andylv”);  // true
/andy/.test(“an”);   // false

2)在[ ]里写:只要包含里面的任何一个就可以
/[string]/.test(“string”);    只要包含里面的任何一个就可以
/[andy]/.test("andy");   // true
/[andy]/.test("an"); // true
/[andy]/.test("ady"); // true
/[andy]/.test("anll"); // true
/[andy]/.test("assd"); // true
/[andy]/.test("ss"); // false
/[3aH8]/.test("ss"); // false

③ 负向类(不能是其中的整体或者一部分)
中括号内,前面加个元字符^进行取反,不是括号里面的字符(一部分也不行)。
(可以不够,但是不能多)(不够和正好,返回false;多了或者没有返回true)
console.log(/[^abc]/.test('a')); //false
console.log(/[^abc]/.test('gg'));//true
console.log(/[^abc]/.test('abcgg'));//true
注意:  这个符号 ^  一定是写到方括号里面

④ 范围类
有时匹配的东西过多,而且类型又相同,全部输入太麻烦,我们可以在中间加了个横线
console.log(/[a-z]/.test('1111'));
console.log(/[A-Z]/.test('aa'));

⑤ 组合类
用中括号匹配不同类型的单个字符。
console.log(/[a-m1-5]/.test("b")); //true


6. 正则边界

^ 会匹配行或者字符串的起始位置
注意:^在[ ]中才表示非,这里表示开始

$ 会匹配行或字符串的结尾位置

^$在一起 表示必须是这个(精确匹配)

// 边界可以精确说明要什么
console.log(/lily/.test("lilyname")); // true
console.log(/^lily$/.test("lily"));  // true
console.log(/^lily$/.test("ly"));   // false
console.log(/^andy$/.test("andy"));  // true, 必须是 andy 这四个字母


7. 量词
(多个字母,重复最后一个)
 *       重复零次或更多   (>=0)
  +       重复一次或更多次  (>=1)
  ?       重复零次或一次   (0||1)  要么有 要么没有
{ }  重复多少次的意思   可以有多少个  

您的银行卡密码只能是 6位      {6}
{n} n次 (x=n)  
{n,} 重复n次或更多  (x>=n)
{n,m} 重复出现的次数比n多但比m少 (n<=x<=m)
*     {0,}
+     {1,}
?     {0,1}

x|y    一个 |   x  或者 y(没有&,用的是,代替的)   
()提高权限,有限计算


8. 正则优先级
① ()  
②  ^$   
③  |  
④  量词


9.  replace 函数
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的字串。
注意:返回的是新的字符串,原来的还是没变
str2 = str1.replace(/要替换/ig,“替换成”);
i : 忽略大小写
g: 全局替换

 
10. trim 函数
不兼容ie678,需要自己封装
function trim(str) {
    return str.replace(/(^\s+)|(\s+$)/g,"");  // 去掉前面和后面的空格
}




评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值