正则

2019-10-12

字数统计: 1.3k字 | 阅读时长: 5分

阅读量 40

正则表达式（RegExp）

概述

正则表达式（英语：Regular Expression）

本质：用来记录文本规则的代码
（为字符串定义规则，为输入内容定义规则！）
应用非常广泛，如：表单验证、高级搜索、生化科学
（有一定难度，不要求非常熟练，但至少会表单验证）

表单验证

隐藏手机号码： 150****7654
可以通过正则表达式，从字符串中获取我们想要的特定部分

正则表达式的特点是：

灵活性、逻辑性和功能性非常的强；
可以迅速地用极简单的方式达到字符串的复杂控制。
对于刚接触的人来说，比较晦涩难懂。
比如：
匹配国内电话号码：\d{3}-\d{8}|\d{4}-\d{7}
验证手机号：
/^((13[0-9])|(15[^4,\D])|(18[0,5-9]))\d{8}$/
很难记住。
正则表达式声明
通过构造函数定义
var 变量名= new RegExp(/表达式/);
通过直接量定义（较为常用）

1
2
3

var 变量名= /表达式/;
  console.log(regexp1.test(345));
  console.log(/\d/.test(567));（直接使用）

正则表达式的组成是：(总结)

有一些普通字符和元字符组成，普通字符就是字母和数字，元字符具有特殊意义的字符
匹配腾讯QQ号：[1-9][0-9]{4,}
评注：腾讯QQ号从10000开始
比如 \d
预定义类: 表示数字 [0-9]

test() 方法

正则对象方法，检测测试字符串是否符合该规则，返回true和false，参数（测试字符串）
使用语法：

1
2
3

 Boolean = 表达式.test("要验证的内容");  

console.log(/\d/.test(567));

验证 567 符不符合 \d 的规范

正则内部类（帮我们写好的工具直接使用）

预定义类

.	   [^\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]	    非单词字符

简单类（正则：//中什么特殊符号都不写，和[]的加入）

1、/string/.test(“string”);            必须是完整的，只多不能少
/andy/.test(“andy”) 					// true
/andy/.test(“andylv”)  				// true
/andy/.test(“an”)  					// false
一句话，只要完整包含了andy 就可以了（有他就行）
   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）

1 2	console.log(/[^abc]/.test('a')); console.log(/[^abc]/.test('gg'));

范围类

有时匹配的东西过多，而且类型又相同，全部输入太麻烦，我们可以在中间加了个横线

1 2	console.log(/[a-z]/.test('1111')); console.log(/[A-Z]/.test('aa'));

组合类

用中括号匹配不同类型的单个字符。

1	console.log(/[a-m1-5]/.test("b"))//true

正则边界（重点）

^ 会匹配行或者字符串的起始位置
注：^在[]中才表示非！这里表示开始
$ 会匹配行或字符串的结尾位置
^$在一起 表示必须是这个（精确匹配）
// 边界可以精确说明要什么
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 这四个字母

量词（重点）

（多个字母，重复最后一个）

(贪婪) 重复零次或更多 (>=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（没有&，用的是，代替的）
（）提高权限，有限计算

案例：

1.匹配座机号
var regexp  = /^(0\d{2}-\d{8})|(0\d{3}-\d{7})$/;
var demo    = /^0\d{2}-\d{8}$|^0\d{3}-\d{7}$/;
2.匹配中文
（     /^[\u4e00-\u9fa5]{2,4}$/     ）
3.匹配验证表单（注册QQ）

replace 函数

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
语法格式：(返回值是新字符串)
需要匹配的对象.replace(正则式/字符串，替换的目标字符)

正则表达式的匹配模式支持的2个标志
g：表示全局模式（global），即模式将被应用于所有字符串而非发现一个而停止

i：表示不区分大小写（ease-insensitive）模式，在确定匹配想时忽略模式与字符串的大小写

封装自己的trim 函数

1
2
3

function trim(str) {
   	return str.replace(/（^\s+）|（\s+$）/g,"");  // 去掉前面和后面的空格
}