10分钟快速掌握正则表达式

什么是正则表达式，英文名字 regular expression。其实说人话就是：

用有限的符号，表达无线的序列。

字面量创建正则表达式

let str = "jasonlee2023"
let x = "n"

//使用字面量形式，检测str字符串中是否有字符'x'
console.log(/x/.test(str))    //打印：false

//检测字符串str中是否有字符'n'，在这里x是变量，代表'n'
console.log(eval(`/${x}/`).test(str))  //表示x变量

正则表达式的魅力

这里有一个邮箱地址，我想读取里面的数字，用JavaScript的split、filter、join等方法是可以实现的，如下：

let email = "jasonleeprogramer2023@126.com"

//1.传统方法
var result = email.split("").filter(item => {
  return !isNaN(item)
}).join("")
console.log(result)   //2023126

//2.传统方法
let arr = [...str]
result = arr.filter(item => !isNaN(item)).join("")
console.log(result)    //2023126

但是我们看到非常麻烦，如果有简便的方法，直接匹配数字不就可以了吗？这时候正则表达式就派上用场了。正则表达式可以用字面量的形式，也可以使用对象的形式。

//使用正则表达式
let email = "jasonleeprogramer2023@126.com"
// let reg = /\d/g       //1.使用字面量的形式
let reg = new RegExp(/\d/, "g")   //2.使用对象的形式
var result = email.match(reg).join("")
console.log(result)    //

解释：

1. //表示正则表达式的边界符号
2. \d表示的是数字
3. g是global的简写，意思是全局匹配

原子组与原子表

中括号括起来的内容，就是原子表，比如 [abc]表示a、b、c中任何一个字母，都可以匹配成功。[a-z]表示任何一个小写英文字母都可以匹配成功。

如果你想匹配任何一个大写或小写英文字母，就得使用[a-zA-Z]，如果你想匹配阿拉伯数字，就用[0-9]

//检测字符串"administrator"中是否有字符"a"
console.log(/[a]/.test("administrator"))  //打印：true

如果你想匹配连续的内容，比如想匹配abc或xyz，那怎么办呢？这时候就用到了原子组。

小括号括起来的内容，就是原子组，表示一个整体

//表示匹配abc或xyz
let reg = /(abc|xyz)/
console.log( reg.test("abc") )   //打印：true
console.log(reg.test("ab"))     //打印：false，

下面比较一下原子表和原子组的区别：

原子表：只要满足其中一个，就匹配成功

let reg = /[123]/g        
let str = "18301627348"
let result = reg.test(str)    //检测是否满足条件
console.log(result)      //打印：true

原子组：需要满足整体，才匹配成功

let reg = /(123)/         //() 原子表：整体匹配
let str = "18301627348"
let result = reg.test(str)    //检测是否满足条件
console.log(result)     //打印：false，因为电话号码中没有连续的123

本文由 mdnice 多平台发布