百度360必应搜狗淘宝本站头条
grid 设置导航栏dedecms模版移位运算context xml
当前位置：网站首页 > 文章教程 > 正文

手把手写给前端的正则表达式【基础篇】

xsobi 2025-01-06 16:07 1 浏览


作者：savokiss

转载链接：https://segmentfault.com/a/1190000021145901

1. 概览

在 JavaScript 中，使用 // 即可创建一个正则表达式对象，当然也可以使用 new RegExp()

常用的跟正则相关的方法有 match、test 和 replace。其中 match，replace 都是字符串上的方法， test 是正则对象上的方法。

下面看具体的图示：

2. 匹配单字符

  1. /reg/ 可以直接匹配具体的字符串 reg。
  2. /[arzy]/ 中的中括号[] 则代表匹配 arzy 中的任意单个字符
  3. /[f-h]/ 中的中杠 - 代表匹配字母表顺序中 f 到 h 中的任意单个字符
  4. /[1-3]/ 则代表匹配数字 1 到 3

3. 正则选项

正则对象的后面也可以跟选项，JavaScript 中常用的选项有：

  1. i - 代表忽略大小写
  2. m - 代表多行匹配
  3. g - 代表全局匹配（可以匹配多次）

4. 边界匹配

  1. ^ - 代表匹配字符串的开头
  2. $ - 代表匹配字符串的结尾

5. 字符匹配

  1. . - 可以匹配除了换行符外的任意字符
  2. \d - 可以匹配任意数字
  3. \D - 可以匹配任意非数字
  4. \s - 匹配任意空白字符
  5. \S - 匹配任意非空白字符
  6. \n - 匹配换行
  7. \w - 它其实就等同于 [A-Za-z0-9_]，即匹配字母数字下划线

6. 量词匹配

  1. * - 匹配 0 次或多次
  2. + - 匹配 1 次或多次
  3. ? - 匹配 0 次或 1 次
  4. {3} - 匹配 3 次
  5. {2,4} - 匹配 2、3 或 4 次
  6. {2,} - 匹配 2 次或多次

7. 分组

() 小括号在正则中代表分组，一般在 match 方法中用来返回全匹配加上多个分组结果，如果使用了 g 选项，则只返回全匹配。

在小括号中你可以使用管道符号 |，它代表或

8. 特殊字符

匹配特殊符号的时候需要加反斜杠 \

JS 中的特殊字符有 ^ $ \ . * + ? () [] {} |

所以如果你需要匹配星号 *，就需要这样写：

\*

9. 取非匹配

匹配除了某个字符的任意字符，需要在中括号[] 中使用 ^

至此 ^ 具有两个含义：

  1. 如果用于正则表达式的开头，代表匹配字符串的开头
  2. 如果用于中括号 [] 内部，则代表匹配非此字符

10. 完

上面只是介绍了正则表达式中的基本用法，在日常开发中基本就够用了。更深入的用法比如 贪婪和懒惰、零宽断言 和 捕获 ，感兴趣的小伙伴可以自行学习~

正则很强大，但是也不能滥用。如果你写出了一个很复杂的只有你能看懂的正则，更好的做法是不使用正则去实现它~

最后如果文章和笔记能带您一丝帮助或者启发，请不要吝啬你的赞和收藏，你的肯定是我前进的最大动力

相关推荐

全网最详细解决Windows下Mysql数据库安装后忘记初始root 密码方法

一、准备重置root的初始化密码Win+R键启动命令输入窗口；输入cmd打开命令执行窗口；##界面如下##输入命令：netstopmysqld#此操作会停止当前运行的...

Spring Boot数据库密码加密的配置方法

前言由于系统安全的考虑，配置文件中不能出现明文密码的问题，本文就给大家详细介绍下springboot配置数据库密码加密的方法，下面话不多说了，来一起看看详细的介绍吧...

Mysql 8.4数据库安装、新建用户和数据库、表单

1、下载MySQL数据库yuminstall-ywgetperlnet-toolslibtirpc#安装wget和perl、net-tools、libtirpcwgethtt...

mysql5.7安装教程

首先下载mysql的rpm包wgethttps://mirrors.ustc.edu.cn/mysql-ftp/Downloads/MySQL-5.7/mysql-community-client...

MySQL管理授权和数据库的备份和还原详解

一般管理用户和授权由DBA去执行，DBA为数据库管理员一、管理用户1.添加用户...

数据库迁移有什么技巧?|分享强大的database迁移和同步工具

概述DBConvertStudio是一款强大的跨数据库迁移和同步软件，可在不同数据库格式之间转换数据库结构和数据。它将成熟、稳定、久经考验的DBConvert和DBSync核心与改进的现代...

Mysql解压版安装过程

Mysql是目前软件开发中使用最多的关系型数据库，具体安装步骤如下：第一步：Mysql官网下载最新版（mysql解压版（mysql-5.7.17-winx64）），Mysql官方下载地址为：https...

MySQL5.7升级到8.0过程详解

前言：不知不觉，MySQL8.0已经有好多个GA小版本了。目前互联网上也有很多关于MySQL8.0的内容了，MySQL8.0版本基本已到稳定期，相信很多小伙伴已经在接触8.0了。本篇文章主要介绍从5....

10种常见的MySQL错误，你可中招?

【51CTO.com快译】如果未能对MySQL8进行恰当的配置，您非但可能遇到无法顺利访问、或调用MySQL的窘境，而且还可能给真实的应用生产环境带来巨大的影响。本文列举了十种MySQL...

忘记MySQL密码怎么办?一招教你搞定

在安装完MySQL或者是在使用MySQL时，最尴尬的就是忘记密码了，墨菲定律也告诉我们，如果一件事有可能出错，那么它一定会出错。那如果我们不小心忘记了MySQL的密码，该如何处理呢？别着急...

Windows 安装解压版本的 MySql

1、下载解压版本的MySql到https://downloads.mysql.com/archives/community/网站，根据自己需要安装的版本进行选择下载，这里下载不要选择MSII...

爆破SSH/MySQL账户竟如此简单

友情提示：初入安全，小白一个，本文重在学习与经验分享！背景使用Kali自带的MSF工具对SSH的账号密码进行爆破。1.实验环境本次实验通过MSF，可直接对SSH的账号密码进行爆破。KaliIP：1...

Mysql8忘记密码/重置密码

Mysql8忘记密码/重置密码UBUNTU下Mysql8忘记密码/重置密码步骤如下：先说下大概步骤：修改配置文件，使得用空密码可以进入mysql。然后置当前root用户为空密码。再次修改配置文件，不能...

wamp查看MySQL密码 MySQL console输入密码闪退 重置mysql密码

wampserver的MySQL数据库用户名为root初始密码为空，但是部分同学通过MySQLconsole访问数据库输入密码的时候出现窗口闪退，常见的问题是原来有改过密码或者你的配置文件要求密码不...

Mysql数据库操作指引(六)——账号密码及权限管理

简介：在MySQL数据库中，为了保证数据的安全性，数据管理员需要根据需要创建账户，并为每个账户赋予不同的权限，以满足不同用户的需求。...

一周热门
最近发表
标签列表