网站首页 > 基础教程 正文
什么是正则表达式,英文名字 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
- 上一篇: JS 写正则表达式,判断是否为手机号
- 下一篇: 正则表达式,这篇看完就够了
猜你喜欢
- 2025-05-16 OpenHarmony中使用正则表达式
- 2025-05-16 正则表达式,这篇看完就够了
- 2025-05-16 JS 写正则表达式,判断是否为手机号
- 2025-05-16 x-cmd pkg | grex - 正则表达式生成利器,解决手动编写的烦恼
- 2025-05-16 手把手写给前端的正则表达式【基础篇】
- 2025-05-16 正则表达式(Regex)在线调试工具-Regex101
- 2025-05-16 Javascript正则表达式示例之HTML标签及HTML语法树
- 2025-05-16 JavaScript,ES9,正则表达式反向断言,对匹配进行筛选
- 2024-07-21 javascript简单的正则表达式应用「315」
- 2024-07-21 javascript 正则表达式校验密码格式
- 05-162025前端最新面试题之HTML和CSS篇
- 05-16大数据开发基础之HTML基础知识
- 05-16微软专家告诉你Win10 Edge浏览器和EdgeHTML的区别
- 05-16快速免费将网站部署到公网方法(仅支持HTML,CSS,JS)
- 05-16《从零开始学前端:HTML+CSS+JavaScript的黄金三角》
- 05-16一个简单的标准 HTML 设计参考
- 05-16css入门
- 05-16前端-干货分享:更牛逼的CSS管理方法-层(CSS Layers)
- 最近发表
- 标签列表
-
- jsp (69)
- pythonlist (60)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- deletesql (62)
- c++模板 (62)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- console.table (62)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)