正则表达式

1. 正则表达式简介

1.1 什么是正则表达式

正则表达式:用于匹配规律规则的表达式,正则表达式最初是科学家对人类神经系统的工作原理的早期研究,现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。
正则表达式(Regular Expression)是一种描述字符模式的对象。JavaScript中的RegExp类表示正则表达式,String和RegExp类型都定义了使用正则的方法,后者使用正则表达式进行强大的模式匹配和文本检索与替换功能。

 1.2 正则表达式的作用

	1. 给定的字符串是否符合正则表达式的过滤逻辑(匹配)

	2. 可以通过正则表达式,从字符串中获取我们想要的特定部分(提取)

	3. 强大的字符串替换能力(替换)

  	 提示:对于复杂的正则表达式不用过多研究,在工作都是写好复制的,但是要求根据需求使用正则表达式。

2. 正则表达式的使用

	JavaScript中的正则表达式用RegExp类型的对象表示。我们可以通过RegExp()构造函数来创建RegExp对象,也可以通过直接量语法来创建。

 2.1 创建正则对象

2.1.1 方式1:**构造函数**

var pattern = new RegExp(/book/);

2.1.2 方式2:直接量

	var pattern = /book/;

2.4 参数(匹配的模式)

标志说明
i忽略大小写
g全局匹配
gi全局匹配+忽略大小写
m多行匹配
2.1.3 测试正则表达式

test() 正则对象方法,用于检测字符串是否符合该规则,该对象会返回 true 或 false,其参数是测试字符串。

var reg = /123/;
console.log(reg.test(123));//匹配字符中是否出现123  出现结果为true
console.log(reg.test('abc'));//匹配字符中是否出现123 未出现结果为false

exec() 方法用于检索字符串中的正则表达式的匹配。如果字符串中有匹配的值返回该匹配值,否则返回 null。

 var str1 = 'abc abi hht yyo Abk';
 // 全局
var reg2 = /ab/gi;
console.log(reg2.exec(str1));
// lastIndex:是正则表达式的下一次查找的开始的下标,可以进行读取和修改
console.log(reg2.lastIndex);
console.log(reg2.exec(str1));
console.log(reg2.exec(str1));

3. 正则表达式的组成

  • 普通字符abc 123
  • 特殊字符:正则表达式中有特殊意义的字符

3.1 边界符

正则表达式中的边界符(位置符)用来提示字符所处的位置,主要有两个字符–精确匹配

边界符说明
^表示匹配行首的文本(以谁开始)
$表示匹配行尾的文本(以谁结束)
var rg = /abc/; // 只要包含有abc这个字符串返回的都是true

var reg = /^abc/;//开头为abc

var reg1 = /^abc$/; // 精确匹配 要求必须是 abc字符串才符合规范

3.2字符类

字符类表示有一系列字符可供选择,只要匹配其中一个就可以了。所有可供选择的字符都放在方括号内。

3.2.1 [] 方括号

有一系列字符用中括号括起来,表示匹配其中的任一字符,多选一

var reg1 = /[abc]/; // 只要包含有a 或者 包含有b 或者包含有c 
var reg2 = /^[a-z]$/; // 26个英文字母任何一个字母返回 true  - 表示的是a 到z 的范围 
var reg3 = /^[^a-zA-Z0-9_-]$/; //如果中括号里面有^ 表示取反的意思 千万和 我们边界符 ^ 别混淆
3.2.2 量词符

量词符用来设定某个模式出现的次数。

量词说明
*出现0次或更多次
+出现1次或更多次
?出现0次或1次
{n}出现n次
{n,}出现n次或更多次
{n,m}出现n到m次
3.2.3 括号总结
元字符说明
{}大括号量词符. 里面表示重复次数
[]中括号匹配方括号中的任意字符.
()小括号表示优先级

3.3 元字符类

预定义类指的是某些常见模式的简写方式.

元字符说明
\d匹配数字,任何ASCII数字,等价于[0-9]匹配一个数字
\D匹配任意非数字的字符,除了ASCII数字之外的任何字符,等价于[^0-9]
\w匹配字母或数字或下划线,等价于[a-zA-Z0-9_]
\W匹配任意不是字母,数字,下划线,等价于[^a-zA-Z0-9_]
\s匹配任意的空白符[/t/r/n/v/f]
\S匹配任意不是空白符的字符[^/t/r/n/v/f]
.匹配除换行符和行结束符以外的任意单个字符
|或者,选择两者中的一个。将左右两边分为两部分,而不管左右两边有多长多乱
\.将特殊字符转义成(.)当成普通字符.

match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。返回值是存放匹配结果的数组。该数组的内容依赖于RegExp 是否具有全局标志 g。

3.4 案例

用户名:

 /^[a-zA-Z0-9_]{5,20}$/

验证手机号:

/^1[3|4|5|7|8]\d{9}$/

验证邮箱 xxx@qq.com:

/\w+@\w+\.\w+(\.\w+)?/

验证密码:

/^[a-zA-Z0-9_-]{6,16}$/

4. 正则提取

//1. 提取email地址
var str = "123123@qq.com,ziyuanyihe@163.cn 87666444@qq.com englishtown.com 222669312@qq.com...";
var array = str.match(/\w+@\w+\.\w+(\.\w+)?/g);
console.log(array);

// 2. 提取邮件中的每一部分
var reg = /(\w+)@(\w+)\.(\w+)(\.\w+)?/;
var str = "123123@qq.com";
if (reg.test(str)) {
  console.log(RegExp.$1);
  console.log(RegExp.$2);
  console.log(RegExp.$3);
}

5. 正则替换

var str = "abc,efg,123,abc,123,a";

console.log(str.replace(/,|,/g, '.'));
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值