正则表达式的语法及方法
基本符号:
// ^ 表示匹配字符串的开始位置 (例外 用在中括号中[ ] 时,可以理解为取反,表示不匹配括号中字符串)
// $ 表示匹配字符串的结束位置
// * 表示匹配 零次到多次
// + 表示匹配 一次到多次 (至少有一次)
// ? 表示匹配零次或一次
// . 表示匹配单个字符
// | 表示为或者,两项中取一项
// ( ) 小括号表示匹配括号中全部字符
// [ ] 中括号表示匹配括号中一个字符 范围描述 如[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]:第二位可以是 3、4、5、6、7、8 或 9 中的一个。
\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