JavaScript day-12

BXY369

已于 2024-09-21 14:08:54 修改

阅读量925

点赞数 36

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

于 2024-08-25 00:00:00 首次发布

本文链接：https://blog.csdn.net/BXY369/article/details/141472821

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

5.正则的元字符类有哪些?分别代表什么意思?

6.如何进行正则的查找和替换?

一. 正则表达式简介

1.1 什么是正则表达式

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

1.2 正则表达式的作用

给定的字符串是否符合正则表达式的过滤逻辑(匹配)
可以通过正则表达式，从字符串中获取我们想要的特定部分(提取)
强大的字符串替换能力(替换)

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

1.3 正则表达式的检测工具

在线测试正则

二. 正则表达式的使用

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

2.1 创建正则对象

2.1.1 方式1：直接量

var pattern = /book/;

2.1.2 方式2：构造函数

var pattern = new RegExp(/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));

三. 正则表达式的组成

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

3.1 边界符

正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符--精确匹配

边界符	说明
^	表示匹配行首的文本（以谁开始）
$	表示匹配行尾的文本（以谁结束）

var rg = /abc/; // 只要包含有abc这个字符串返回的都是true
var reg = /^abc/;//开头为abc
var reg1 = /^abc$/; // 精确匹配 要求必须是 abc字符串才符合规范

3.2 [] 中括号

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

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

3.3 量词符

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

量词	说明
*	出现0次或更多次
+	出现1次或更多次
?	出现0次或1次
{n}	出现n次
{n,}	出现n次或更多次
{n,m}	出现n到m次

括号总结

元字符	说明
{}大括号	量词符. 里面表示重复次数
[]中括号	匹配方括号中的任意字符.
()小括号	表示优先级

3.4 元字符类

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

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

3.5 案例

用户名：

 /^[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}$/