js第16天（正则表达式）

最新推荐文章于 2023-06-11 01:48:07 发布

小AL

最新推荐文章于 2023-06-11 01:48:07 发布

阅读量338

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_61884985/article/details/126710787

版权

前言

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、matchAll、replace、search 和 split 方法。这节课我们来介绍JavaScript 正则表达式。创建一个正则表达式你可以使用以下两种方法构建一个正则表达式：使用一个正则表达式字面量，其由包含在斜杠之间的模式组成，如下所示： var re = /ab+c/; 脚本加载后，正则表达式字面量就会被编译。当正则表达式保持不变时，使用此方法可获得更好的性能。

一、正则表达式

1）引入正则表达式

如何获取一个字符串中的数字字符，并按数组形式输出，如: Dgfhfgh254bhku289fgdhdy675gfh 输出: [254,289,675] 分析：循环用charAt()的方法获取到每一个子字符串，判断他是不是在0~9之间，是就把他扔到准备好的数组里

解决办法：

不使用正则表达式

使用正则表达式

2）正则表达式的概念

正则表达式，全称“Regular Expression”，在代码中常简写为regex、regexp或RE。正则表达式，就是用某种模式去匹配一类字符串的公式。匹配字符串的模式：RegExp

众所周知，在程序开发中，难免会遇到需要匹配(match)、查找(seach)、替换(replace)、判断字符串的情况发生，而这些情况有时又比较复杂，如果用纯编码方式解决，往往会浪费程序员的时间及精力。因此，学习及使用正则表达式，便成了解决这一矛盾的主要手段。

1.创建正则对象：

1.显式定义（构造函数） let 变量名 = new RegExp("正则表达式模式");

2. 隐式定义(字面量) let 变量名 = /正则表达式模式/

举例： let myregex = new ReExp("\d+")

上面语句等价于下面： let myregex = /\d+/

3）正则表达式常用方法

1. test 正则去匹配字符串，如果匹配成功就返回true，匹配失败返回false

语法：正则.test(字符串) //正则对象方法
const str='abcdef'
const reg=/b/          //正则表达式
let isOk=reg.test(str)
alert(isOk)                //输出为true

2.search 正则去匹配字符串，匹配成功，就返回匹配成功的索引号，如果匹配失败就返回-1

语法：字符串.search(正则) //字符串对象方法
const str='abcdef'
const reg=/c/          //正则表达式
let index=reg.search(str)
alert(index)                //输出为true

3.match 正则去匹配字符串，匹配成功返回匹配成功的数组，如果匹配不成功，就返回null

语法：字符串.match(正则) //字符串对象方法

4.replace 正则去匹配字符串，匹配成功的字符被新的字符串替换

语法：字符串.replace(正则,新字符) //字符串对象方法

5.exec 正则去匹配字符串，如果匹配成功，就返回匹配成功的数组，

语法：正则. exec(字符串)

index：表示第一个匹配的字符在原字符串中的位置，

input:表示原字符串，

groups：表示当初中命名的分组时匹配到的分组对象；如果匹配不成功，就返回null
var str="dgfhfgh254bhku289fgdhdy675";
var reg=/\d+/g;
alert(reg.exec(str));
//输出['254', index: 7, input: 'Dgfhfgh254bhku289fgdhdy675gfh', groups: undefined]

4）正则表达式常用元字符

普通字符就是a~z、0~9这类常见的字符。其中特殊字符又称为“元字符”。元字符之所以叫特殊字符，就是它的特点跟普通字符不一样。例如邮政编码中，我们限定只能输入6个数字，那“数字”这个概念怎么理解呢？这个时候我们就用到了元字符\d来代替。

代码如下：（示例）

用正则表达式匹配的是中国的电话号码，以0开头，然后是两个数字，然后是一个连字号“-”，最后是8个数字。

如: 028-88888888

写一个正则表达式，与给定的电话号码字符串匹配，判断是不是满足座机电话号

以0开头，然后是两个数字，然后是一个连字号“-”，最后是8个数字。

const phone1 = '128-1234567890'
			const phone2 = '028-12345678'
			const reg = /^0\d{2}-\d{8}$/ // 匹配座机电话模式   // 量词-限定符
			let isOk = reg.test(phone2)
			alert(isOk)

5）正则表达式连接符

学习了正则表达式常用元字符，我们知道要想匹配数字，正则表达式就要这样写： [123456789] [1-9] 其中[]表示匹配方括号内的任一字符。在正则表达式中，匹配数字或者英文字母的书写非常不方便。因此，正则表达式引入了连接符“-”来定义字符的范围。

6）正则表达式限定符

正则表达式限定符用于限定前面字符出现的次数

7）正则表达式定位符

正则表达式定位符是用于限定某些字符出现的位置。

8）正则表达式修饰符

g: global 全文搜索，不添加，搜索到第一个匹配停止

i: ignore case 忽略大小写，默认大小写敏感

m: multiple lines 多行搜索

9）正则表达式范围类

正则表达式在 [ ]组成的类内部是可以连写的

let text='a1b1c1d1'

let reg=/[a-zA-Z]/

text.replace(reg,'Q') //Q1Q1Q1Q1

10）正则表达式分组

在使用正则的时候会想要匹配一串字符串连续出现多次的情况，使用()可以达到分组功能

eg:(hello){3}

使用符号 | （或）实现选择功能

正则表达式分组作用：反向引用

代码如下：（示例）

consnt str = '2022-09-05' -> 09/05/2022

const reg = /(\d{4})-(\d{2})-(\d{2})/

$1 $2 $3

$2/$3/$1 -> 09/05/2022

思路：匹配日期时间，分组后反向引用分组内容重组日期时间格式

  const str = '2022-09-05'  //-> 09/05/2022
        const reg = /(\d{4})-(\d{2})-(\d{2})/
        let newStr = str.replace(reg,'$2/$3/$1')
        console.log(newStr)

11）正则表达式的贪婪模式与非贪婪模式

在贪婪（默认）模式下，正则引擎尽可能多的重复匹配字符

我们看下面这个例子

我们本来预想上面会匹配得到 witch和 broom两个字符串，运行上面的例子，却发现结果只匹配到 "witch" and her "broom" 一个字符串。之所以出现这个结局，是因为正则的贪婪模式在起作用

非贪婪模式和贪婪模式相反，可通过在代表数量的标示符后放置 ? 来开启非贪婪模式，如 ? 、+? 甚至是 ?? 。在非贪婪模式下，正则引擎尽可能少的重复匹配字符

小AL

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js第16天（正则表达式）

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、matchAll、replace、search 和 split 方法。
复制链接

扫一扫