前端正则表达式，最简单的

猫猫的叮当

已于 2022-09-03 19:52:58 修改

阅读量1.4k

点赞数 3

分类专栏：前端入门正则表达式文章标签：前端正则表达式 js

于 2021-07-22 12:07:35 首次发布

本文链接：https://blog.csdn.net/qq_44741441/article/details/118971099

版权

前端同时被 3 个专栏收录

75 篇文章 2 订阅

订阅专栏

入门

39 篇文章 5 订阅

订阅专栏

正则表达式

3 篇文章 0 订阅

订阅专栏

这篇博客详细介绍了JavaScript中的正则表达式，包括构造函数创建正则、字面量创建、常用方法如match、test和replace的使用。此外，还讲解了匹配单字符、正则选项、边界匹配、字符匹配、量词匹配、分组、特殊字符和取非匹配等核心概念。示例丰富，适合初学者和进阶者学习。

摘要由CSDN通过智能技术生成

十、经常用到的正则表达式（未完待续）

一.和正则相关的方法

1.使用构造函数创建

使用构造函数创建时，会更加灵活，因为参数还可以传递变量

var 变量 = new RegExp('正则表达式') //注意参数是字符串
var 变量 = new RegExp('正则表达式','匹配模式') //注意两个参数都是字符串

匹配模式作为第二个参数，这个参数可以是

i 忽略大小写，这个值指的是是ignore
g 全局匹配模式，这个值指的是global

有一个算法题求的是一个字符串中某个字符的出现次数，就可以用正则来做
const matchReg = new RegExp(`${key}`, 'ig')       //这里的key指的就是某个字符
const matchRes = str.match(matchReg) || []        //这里的str指的是字符串

2.使用正则表达式的格式 “/ /”（使用字面量创建）

一般常用的跟正则相关的方法有 match、test 和 replace。
其中 match，replace 都是字符串上的方法， test 是正则对象上的方法，返回true、false。

1.test() ，一般用于表单验证
(1)正则对象方法，检测测试字符串是否符合该规则，返回true和false，参数（测试字符串）
(2)Boolean = 表达式.test("要验证的内容");

2.replace()

(1)replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串

(2)语法格式：(返回值是新字符串)
需要匹配的对象.replace(正则式/字符串，替换的目标字符)

3.match()

正则表达式的匹配模式支持的2个标志
g：表示全局模式（global），即模式将被应用于所有字符串而非发现一个而停止
i：表示不区分大小写（ease-insensitive）模式，在确定匹配想时忽略模式与字符串的大小写

1.返回值，存放匹配结果的数组。如果没有找到匹配的文本就会返回一个null

2.如果正则表达式有g修饰符，所有匹配的值会按照数组格被返回。不会返回下面的捕获组

如果正则表达式没有g修饰符，只有第一个匹配到的值会被返回，同时返回该值的捕获组，包括三个属性：group，index，input