您的位置:首页 > Web前端 > JavaScript

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

2017-03-06 21:31 645 查看
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,"");  // 去掉前面和后面的空格
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: