J

JasonLee123man

V1

2023/01/22阅读:25主题:橙心

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

如果你想匹配连续的内容,比如想匹配abcxyz,那怎么办呢?这时候就用到了原子组。

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

//表示匹配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

分类:

前端

标签:

前端

作者介绍

J
JasonLee123man
V1