什么是正则表达式,英文名字 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) //
解释:
- //表示正则表达式的边界符号
- \d表示的是数字
- 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