正则表达式(简单易懂篇)

发布时间 - 2026-01-10 22:45:20    点击率:

 什么是正则表达式:

简单的说,正则表达式是一种可以用于模式匹配和替换的强大工具。在几乎所有的基于UNIX/LINUX系统的软件工具中找到正则表达式的痕迹,例如:Perl或PHP脚本语言。此外,JavaScript这种客户端的脚本语言也提供了对正则表达式的支持,现在正则表达式已经成为了一个通用的概念和工具,被各类技术人员所广泛使用。

正则表达式基本语法

一、创建JavaScript正则(RegExp)对象

var reg = RegExp('s');
var reg = /s/; // 简写方式 推荐使用 不能为空 不然会以为是注释

二、预定义符

开始前先看一些符号表达的意思才好帮助你对下面的例子可以迅速的理解

\s : 空格
\S : 非空格
\d : 数字
\D : 非数字
\w : 字符
\W : 非字符
\i : 不区分大小写
\g : 全局匹配(一般正则找到第一个符合条件的就会停止,在后面加上这个符合就会告诉正则继续往下不要停)
| : 或
. : 任意字符
\b : 独立的部分 ( 起始,结束,空格 )
\B : 非独立的部分
\n : 重复的某个子项,例如

 var reg = /(a)(b)(c)\1/; //=> abca 重复了a子项

如需使用真正的符号例如“.”,只需添加\即可,如\.

三、常用的几个方法

1. test() => 在字符串中查找符合正则指定的内容,若找到返回true,否则返回false

 // 用法:正则.test(字符串)
var data = '123456789987654321';
var reg = /\d/; // \d这里代表数字
if( reg.test(str) ){ 
 console.log('内容为数字');
 console.log(reg.test(str)) // 返回 true
}

2. match() => 在字符串中查询符合正则指定的内容,成功则返回内容(数组格式),否则返回null

// 用法:字符串.match(正则)
var data = '123456mple789Mple875654';
var reg = /mple/gi;
console.log(data.match(reg)); // mple,Mple

3. search() => 在字符串中查询符合正则指定的内容,成功找到则返回当前内容的位置从0开始(如不止一个内容符合正则条件,则返回第一个找到的位置),如果没找到则返回-1

// 用法:字符串.search(正则)
var data = '1234mple56789Mple987mple654321';
var reg = /mple/gi;
console.log(data.search(reg)); // 4

4. replace() => 在字符串中查询符合正则指定的内容,查找到则替换对应内容并返回替换后的内容

// 用法:字符串.replace(正则,新的字符串/回调函数)
var data = '啦啦啦~一大堆啦啦啦';
var reg = /啦/g;
var rep = data.replace(reg,function(data){
 var ne = '';
 for(var i=0; i<data.length; i++){
 ne += '*';
 }
 return ne;
});
console.log(rep);

5. exec() => 查找并返回当前的匹配结果,以数组的形式返回

//用法:正则.exec(字符串)
var data = "1234mple5678mple99876mple543Mple21";
var reg = /mple/ig;
var s = reg.exec(data)
console.log(s.index); //4

6. split() = 正则分割字符串

7. sort():数组中的排序方法,按照ACALL码进行排序

8. join():数组中的方法,把数组转换为字符串

var data = '4445554654123156489151321456';
var arr = data.split('');
data = arr.sort().join('');
console.log(data);

四、常用量词

{n,m} : 至少出现n次,最多m次

{n,} : 至少n次

* : 任意次 相当于{0,}

? :零次或一次 相当于{0,1}

+ : 查找的结果至少出现一次或任意次 {1,}

{n} : 正好n次

最后来个例子理解理解,判断QQ号

HTML

<input class="qq" type="text" placeholder="请输入QQ号">
<button type="button" class="sub">检测</button>

正则

//先来看看我们日常登录的QQ号有哪些性质
1 首位肯定不是为0 
2 必须是5-10位的数字
var oInput = document.querySelector('.qq');
var oSub = document.querySelector('.sub');
var reg = /^[1-9]\d{4,9}$/;
//为了防止最后几位数出现字母abc之类的情况,所以需要添加$进行尾数限制
//所以最后的逻辑是这样的,首位是0-9,接着是4-9位的数字类型。
oSub.onclick = function(){
 if( reg.test(oInput.value) ){
 alert('检测成功');
 }else{
 alert('账户不存在');
 }
};

以上所述是小编给大家介绍的正则表达式(简单易懂篇),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


# 正则表达式  # 详解Java判断是否是整数  # 小数或实数的正则表达式  # iOS 中使用正则表达式判断身份证格式及银行卡号格式是否正确(推荐)  # 利用js正则表达式校验正数、负数、和小数  # python利用正则表达式提取字符串  # Android判断11位手机号码的方法(正则表达式)  # python 根据正则表达式提取指定的内容实例详解  # 就会  # 第一个  # 首位  # 小编  # 啦啦  # 组中  # 几个  # 是一种  # 最多  # 的说  # 在此  # 是这样  # 只需  # 推荐使用  # 给大家  # 请输入  # 不存在  # 你对  # 技术人员 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: php做exe能调用系统命令吗_执行cmd指令实现方式【详解】  常州企业网站制作公司,全国继续教育网怎么登录?  Laravel如何使用Gate和Policy进行授权?(权限控制)  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  制作旅游网站html,怎样注册旅游网站?  Laravel中的withCount方法怎么高效统计关联模型数量  Laravel如何配置和使用队列处理异步任务_Laravel队列驱动与任务分发实例  jimdo怎样用html5做选项卡_jimdo选项卡html5实现与切换效果【指南】  Java Adapter 适配器模式(类适配器,对象适配器)优缺点对比  如何快速搭建FTP站点实现文件共享?  UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】  进行网站优化必须要坚持的四大原则  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  如何制作一个表白网站视频,关于勇敢表白的小标题?  edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】  如何安全更换建站之星模板并保留数据?  Laravel如何设置定时任务(Cron Job)_Laravel调度器与任务计划配置  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍?  js实现获取鼠标当前的位置  如何用PHP快速搭建高效网站?分步指南  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  Win11应用商店下载慢怎么办 Win11更改DNS提速下载【修复】  详解Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点  Laravel定时任务怎么设置_Laravel Crontab调度器配置  网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  高端建站如何打造兼具美学与转化的品牌官网?  如何做网站制作流程,*游戏网站怎么搭建?  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  Android GridView 滑动条设置一直显示状态(推荐)  如何快速搭建高效WAP手机网站吸引移动用户?  Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】  Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】  郑州企业网站制作公司,郑州招聘网站有哪些?  Laravel如何实现API速率限制?(Rate Limiting教程)  如何在搬瓦工VPS快速搭建网站?  简单实现jsp分页  晋江文学城电脑版官网 晋江文学城网页版直接进入  Python文件流缓冲机制_IO性能解析【教程】  使用豆包 AI 辅助进行简单网页 HTML 结构设计  Python3.6正式版新特性预览  百度浏览器网页无法复制文字怎么办 百度浏览器复制修复  Laravel怎么实现支付功能_Laravel集成支付宝微信支付  如何破解联通资金短缺导致的基站建设难题?  Laravel Vite是做什么的_Laravel前端资源打包工具Vite配置与使用  JavaScript如何实现类型判断_typeof和instanceof有什么区别  长沙企业网站制作哪家好,长沙水业集团官方网站?  php json中文编码为null的解决办法  如何在七牛云存储上搭建网站并设置自定义域名?