正则表达式的语法及方法

"本文深入介绍了正则表达式的常用语法和方法,包括replace(), search(), test()和exec()。讲解了^, $, *, +, ?, ., |, ()等基本符号以及[...], {}
摘要由CSDN通过智能技术生成


基本符号:

//  ^  表示匹配字符串的开始位置  (例外  用在中括号中[ ] 时,可以理解为取反,表示不匹配括号中字符串)
//  $  表示匹配字符串的结束位置

//  *  表示匹配 零次到多次
//  +  表示匹配 一次到多次 (至少有一次)
//  ?  表示匹配零次或一次

//   .  表示匹配单个字符 

//  |  表示为或者,两项中取一项
//  (  ) 小括号表示匹配括号中全部字符
//  [  ] 中括号表示匹配括号中一个字符 范围描述 如[0-9 a-z A-Z]
//  {  } 大括号用于限定匹配次数  
//  如 {n}表示匹配n个字符  {n,}表示至少匹配n个字符  {n,m}表示至少n,最多m

//  \  转义字符 如上基本符号匹配都需要转义字符   如 \*  表示匹配*号
//  \w 表示英文字母和数字  \W  非字母和数字
//  \d  表示数字   \D  非数字

//  修饰符可用于大小写不敏感的更全局的搜素:
//  i	执行对大小写不敏感的匹配。
//  g	执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。	
//  m	执行多行匹配。

常用的正则

//************************************手机号判断
const phoneNumberRegex = /^1[3456789]\d{9}$/;

^1:必须以数字 1 开头。
[3456789]:第二位可以是 3456789 中的一个。
\d{9}:后面必须跟着 9 个数字。
$:结束符号,确保手机号码只有 11 位。

//************************************验证文件名是否以什么结尾的
const fileExtensionRegex = /^.+\.(mp3|wav|ogg|wav)$/;

^:匹配字符串的开始位置。
.+:匹配一个或多个任意字符,确保文件名至少有一个字符。
\.:匹配一个点号,因为点号在正则表达式中需要转义。
(mp3|wav|ogg|wav):匹配其中之一的文件扩展名,不区分大小写。
$:匹配字符串的结束位置,确保文件名以指定的扩展名结尾。

//************************************全局替换
const str = '文字文字文字aa啊啊啊啊aa';
const replacedStr = str.replace(/aa/g, 'bb');
console.log(replacedStr);
在上述代码中,我们使用了 /aa/g 作为正则表达式,并将其作为参数传递给 replace() 方法。其中:

/aa/ 是匹配模式,表示要匹配的字符串是 "aa"。
g 是匹配全局模式,它告诉 replace() 方法在整个字符串中查找并替换所有匹配项。

//************************************JavaScript 中动态替换文本中的值,可以使用字符串模板(template string)与正则表达式结合
ar data = '文字文字文字:smile:22222222:smile:';
var item = ':smile:';

// 使用字符串模板和正则表达式进行替换
var replacedText = data.replace(new RegExp(`${item}`, 'g'), "<span class='emoji-face'></span>");

console.log(replacedText);
在上述代码中,我们使用字符串模板来创建动态的正则表达式,${item} 会被替换为实际的值,然后将其传递给 new RegExp() 构造函数作为正则表达式的参数。这样就能够实现根据动态值进行替换。
注意,'g' 是正则表达式的标志,表示全局匹配,即替换所有匹配项而不只是第一个。
通过这样的处理,原始文本中所有与动态变量 item 匹配的内容都会被替换为 <span class='emoji-face'></span>。
请确保动态变量 item 的值是已经转义好的,以避免正则表达式中特殊字符引起的问题。

一、replace()

replace() 方法返回模式被替换处修改后的字符串。

var str =2021/02/10
str.replace(/\//g, '-')   //2021-02-10

二、search()

search() 方法使用表达式来搜索匹配,然后返回匹配的位置。

ar str = "Visit W3School!";
var n = str.search("W3School");    //6

三、test()

它通过模式来搜索字符串,然后根据结果返回 true 或 false。

var patt = /e/;
patt.test("The best things in life are free!"); //true

四、exec()

它通过指定的模式(pattern)搜索字符串,并返回已找到的文本。
如果未找到匹配,则返回 null。

/e/.exec("The best things in life are free!");   //e
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值