当前位置： 首页 > news >正文

Web APIs——正则表达式使用

news 2026/5/27 13:11:39

1、什么是正则表达式

正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象

通常用来查找、替换那些符合正则表达式的文本，许多语言都支持正则表达式

1.1 正则表达式使用场景

        例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框可以输入中文（匹配） 如用户名： /^[a-z0-9_-]{3,16}$/

        过滤掉页面内容中的一些敏感词（替换），或从字符串中获取我们想要的特定部分（提取）等。

总结：

  • 正则表达式是用于匹配字符串中字符串组合的模式

正则表达式作用：

  • 表单验证（匹配）
  • 过滤敏感词（替换）
  • 字符串中提取我们想要的部分（提取）

2、语法

2.1 定义正则表达式语法

其中/ / 是正则表达式字面量

例如查找下面文本中是否包含字符串‘前端’

2.2 判断是否有符合规则的字符串

test()方法 用来查看正则表达式与指定的字符串是否匹配

语法：

例如：

如果正则表达式与指定的字符串匹配，返回true，否则false 

总结：

1.正则表达式定义规则

  • 定义正则表达式
  • 检测查找是否匹配

2.3 检索（查找）符合规则的字符串

exec()方法 在一个指定字符串中执行一个搜索匹配

语法：

例如：

​

如果匹配成功，exec()方法返回一个数组，否则返回null

总结：

1.正则表达式检测查找 test方法和exec方法区别

  • test方法用于判断是否有符合规则的字符串，返回的是布尔值 找到返回true，否则false
  • exec方法用于检索（查找）符合规则的字符串，找到返回数组，否则为null

3、元字符

  • 普通字符

大多数的字符仅能够描述它们本身，这些字符称作普通字符，例如所有的字母和数字。也就是说普通字符只能匹配字符串中与它们相同的字符

  • 元字符（特殊字符）

元字符是一些具有特俗含义的字符，可以极大提高灵活性和强大的匹配功能

比如：规定用户只能输入26个英文字母，普通字符的话abcdef……，但是换成元字符写法：[a-z]

  • 参考文档：

MON：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions

正则测试工具：http://tool.oschina.net/regex

3.1 元字符分类

  • 边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）
  • 量词（表示重复次数）
  • 字符类（比如\d 表示0~9）

3.1.1 边界符

正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符

边界符说明
^表示匹配行首的文本（以谁开始）
$

表示匹配行尾的文本（以谁结束）

如果^和$在一起，表示必须是精确匹配。 

正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符

3.1.2 量词 

量词用来设定某个模式出现的次数

量词说明
*重复零次或更多次
+重复一次或更多次
？重复零次或一次
{n}重复n次
{n,}重复n次或更多次
{n,m}重复n到m次

注意：逗号两侧千万不要出现空格

3.1.3 字符类

（1）[]匹配字符集合

后面的字符串只要包含abc中任意一个字符，都返回true。

（2）[]里面加上-连字符

使用连字符-表示一个范围

比如：

  • [a-z]表示a到z 26个英文字母都可以
  • [a-zA-Z]表示大小写都可以
  • [0-9]表示0~9的数字都可以

（3）[]里面加上^取反符号

比如：

  • [^a-z]匹配除了小写字母以外的字符
  • 注意要写到中括号里面

（4）. 匹配除换行符之外的任何单个字符

（5）预定义指的是 某些常见模式的简写方式

预定类说明
\d匹配0-9之间的任一数字，相当于[0-9]
\D匹配所有0-9以外的字符，相当于[^0-9]
\w匹配任意的字母、数字和下划线，相当于[A-Za-z0-9_]
\W除所有字母、数字和下划线以外的字符，相当于[^A-Za-z0-9_]
\s匹配空格（包括换行符、制表符、空格符等），相等于[\t\r\n\v\f]

\S

匹配非空格的字符，相当于[^\t\r\n\v\f]

4、用户名验证案例

需求：用户名要求用户英文字母、数字，下划线或者短横线组成，并且用户名长度为6~16位

分析：

①：首先准备好这种正则表达式模式/^[a-zA-Z0-9-_]{6,16}$/

②：当表单失去焦点就开始验证

③：如果符合正则规范，则让后面的span标签添加right类

④：如果不符合正则规范，则让后面的span标签添加wrong类

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>span {display: inline-block;width: 250px;height: 30px;vertical-align: middle;line-height: 30px;padding-left: 15px;}.error {color: red;background: url(./images/error1.png) no-repeat left center;}.right {color: green;background: url(./images/right.png) no-repeat left center;}</style>
</head><body><input type="text"><span></span><script>const reg = /^[a-zA-Z0-9_]{6,16}$/const input = document.querySelector('input')const span = input.nextElementSiblinginput.addEventListener('blur',function(){// console.log(reg.test(this.value))if(reg.test(this.value)){span.innerHTML = '输入正确'span.className = 'right'} else {span.innerHTML = '请输入6~16位的英文数字下划线'span.className = 'error'}})</script>
</body></html>

5、修饰符

修饰符约束正则执行的某些细节行为，如是否区分大小写、是否支持多行匹配等

语法：

  • i是单词ignore的缩写，正则匹配时字母不区分大小写
  • g是单词global的缩写，匹配所有满足正则表达式的结果

替换replace替换

语法：

6、过滤敏感字案例

需求：要求用户不能输入敏感字

比如：今天我看到**

分析：

①：用户输入内容

②：内容进行正则替换查找，找到敏感词，进行**

③：要全局替换使用修饰符g

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><textarea name="" id="" cols="30" rows="10"></textarea><button>发布</button><div></div><script>const tx = document.querySelector('textarea')const btn = document.querySelector('button')const div  = document.querySelector('div')btn.addEventListener('click',function(){// console.log(tx.value)div.innerHTML = tx.value.replace(/摔跤|衰跤/g,'**')tx.value = ''})</script>
</body>
</html>

相关文章：

Web APIs——正则表达式使用

1、什么是正则表达式 正则表达式&#xff08;Regular Expression&#xff09;是用于匹配字符串中字符组合的模式。在JavaScript中&#xff0c;正则表达式也是对象 通常用来查找、替换那些符合正则表达式的文本&#xff0c;许多语言都支持正则表达式 1.1 正则表达式使用场景 例如…...

编程日记 2023/11/16 2:39:24

文件包含学习笔记总结

文件包含概述 ​ 程序开发人员通常会把可重复使用函数或语句写到单个文件中&#xff0c;形成“封装”。在使用某个功能的时候&#xff0c;直接调用此文件&#xff0c;无需再次编写&#xff0c;提高代码重用性&#xff0c;减少代码量。这种调用文件的过程通常称为包含。 ​ 程…...

编程日记 2023/11/16 2:37:20

＜C++＞ 优先级队列

目录 前言 一、priority_queue的使用 1. 成员函数 2. 例题 二、仿函数 三、模拟实现 1. 迭代器区间构造函数 && AdjustDown 2. pop 3. push && AdjustUp 4. top 5. size 6. empty 四、完整实现 总结 前言 优先级队列以及前面的双端队列基本上已经脱离了队列定…...

编程日记 2023/11/16 2:36:20

systemverilog：interface中的modport用法

使用modport可以将interface中的信号分组并指定方向&#xff0c;方向是从modport连接的模块看过来的。简单示例如下&#xff1a; interface cnt_if (input bit clk);logic rstn;logic load_en;logic [3:0] load;logic [7:0] count;modport TEST (input clk, count,output rst…...

编程日记 2023/11/16 2:35:18

VR建筑仿真场景编辑软件有助于激发创作者的灵感和创造力

随着VR虚拟现实技术的不断发展和普及&#xff0c;VR虚拟场景编辑器逐渐成为了VR场景开发重要工具。它对于丰富和完善VR虚拟现实内容的创建和呈现具有重要的意义&#xff0c;为我们的工作和教学带来了许多变化和可能性。 首先&#xff0c;VR虚拟场景编辑器对于提升用户体验具有重…...

编程日记 2023/11/16 2:34:17

8.查询数据

一、单表查询 MySQL从数据表中查询数据的基本语为SELECT语。SELECT语的基本格式是: SELECT {* | <字段列名>} [ FROM <表 1>, <表 2>… [WHERE <表达式> [GROUP BY <group by definition> [HAVING <expression> [{<operator>…...

编程日记 2023/11/16 2:33:15

VB.NET—Bug调试(参数话查询、附近语法错误)

目录 前言: BUG是什么&#xff01; 事情的经过: 过程: 错误一: 错误二: 总结: 前言: BUG是什么&#xff01; 在计算机科学中&#xff0c;BUG是指程序中的错误或缺陷&#xff0c;它通过是值代码中的错误、逻辑错误、语法错误、运行时错误等相关问题&#xff0c;这些问题…...

编程日记 2023/11/16 2:31:11

武汉凯迪正大—锂电池均衡维护仪

产品概况 KDZD885C 电池容量平衡测试系统&#xff0c;主要用于锂电池箱充放电测试及均衡维护&#xff0c;解决锂电池包单芯电压不均衡的痛点&#xff0c;用于快速解决锂电池电压不一致的难题,适用于各锂电池模组电压等级&#xff0c;集单芯放电&#xff0c;充电&#xff0c;均…...

编程日记 2023/11/16 2:30:09

解决服务器中的mysql连接不上Navicat的问题脚本

shell标本&#xff0c;快速解决服务器中的mysql连接不上Navicat的问题 在Linux服务器开发中&#xff0c;mysql的配置文件一般是只允许本地连接 所以想用Navicat进行连接&#xff0c;就需要修改配置和mysql中用户访问表的权限 为了方便&#xff0c;写成了shell脚本 #!/bin/bas…...

编程日记 2023/11/16 2:29:08

Git Flow的简单使用

目录 系列文章目录 一、新建feture下的分支 二、合并分支且删除当前分支 注意&#xff1a;这两个命令都得是在develop分支下进行 一、新建feture下的分支 xxx为自己命名的分支 git flow feature start xxx 二、合并分支且删除当前分支 需要先提交一下当前分支的代码&…...

编程日记 2023/11/16 2:28:07

LOWORD, HIWORD, LOBYTE, HIBYTE的解释

文章目录 实验结论 实验 int 类型大小正常为4Byte 以小端序来看 0x12345678在内存中的存储为 0x78 0x56 0x34 0x120x78在低地址&#xff0c;0x12在高地址 程序输出 #include <stdio.h> #include <string.h> #include<windows.h>int main() {int a 0x12345…...

编程日记 2023/11/16 2:26:04

Centos7.9用rancher来快速部署K8S

什么是 Rancher&#xff1f; Rancher 是一个 Kubernetes 管理工具&#xff0c;让你能在任何地方和任何提供商上部署和运行集群。 Rancher 可以创建来自 Kubernetes 托管服务提供商的集群&#xff0c;创建节点并安装 Kubernetes&#xff0c;或者导入在任何地方运行的现有 Kube…...

编程日记 2023/11/16 2:25:03

NSSCTF第12页（2）

[CSAWQual 2019]Unagi 是xxe注入&#xff0c;等找时间会专门去学一下 XML外部实体&#xff08;XXE&#xff09;注入 - 知乎 【精选】XML注入学习-CSDN博客 【精选】XML注入_xml注入例子-CSDN博客 题目描述说flag在/flag下 发现有上传点&#xff0c;上传一句话木马试试 文件…...

编程日记 2023/11/16 2:24:01

基于单片机的电源切换控制器设计（论文+源码）

1.系统设计 在基于单片机的电源切换控制器设计中&#xff0c;系统功能设计如下&#xff1a; &#xff08;1&#xff09;实现电源的电压检测&#xff1b; &#xff08;2&#xff09;如果电压太高&#xff0c;通过蜂鸣器进行报警提示&#xff0c;继电器进行切换&#xff0c;使…...

编程日记 2023/11/16 2:23:01

机器学习-特征选择：使用Lassco回归精确选择最佳特征

机器学习-特征选择：使用Lassco回归精确选择最佳特征 一、Lasso回归简介1.1 Lasso回归的基本原理1.2 Lasso回归与普通最小二乘法区别二、特征选择的方法2.1 过滤方法2.2 包装方法2.3 嵌入方法三、Lasso的特征选择流程3.1 数据预处理3.2 划分训练集和测试集3.3 搭建Lasso回归模型…...

编程日记 2023/11/16 2:22:00

uniapp开发ios上线（在win环境下使用三方）

苹果 1、win环境下无法使用苹果os编译器所以使用第三方上传工具&#xff0c;以下示例为 初雪云 &#xff08;单次收费&#xff0c;一元一次&#xff09; 初雪云&#xff08;注册p12证书&#xff09;&#xff1a;https://www.chuxueyun.com/#/pages/AppleCertificate 苹果开发者…...

编程日记 2023/11/16 2:20:58

【深度学习 | 核心概念】那些深度学习路上必经的核心概念，确定不来看看？ （六）

&#x1f935;‍♂️ 个人主页: AI_magician &#x1f4e1;主页地址&#xff1a; 作者简介&#xff1a;CSDN内容合伙人&#xff0c;全栈领域优质创作者。 &#x1f468;‍&#x1f4bb;景愿&#xff1a;旨在于能和更多的热爱计算机的伙伴一起成长&#xff01;&#xff01;&…...

编程日记 2023/11/16 2:19:57

景联文科技：驾驭数据浪潮，赋能AI产业——全球领先的数据标注解决方案供应商

根据IDC相关数据统计&#xff0c;全球数据量正在经历爆炸式增长&#xff0c;预计将从2016年的16.1ZB猛增至2025年的163ZB&#xff0c;其中大部分是非结构化数据&#xff0c;被直接利用&#xff0c;必须通过数据标注转化为AI可识别的格式&#xff0c;才能最大限度地发挥其应用价…...

编程日记 2023/11/16 2:18:56

OpenCV+特征检测

检测 函数cv.cornerHarris()。其参数为&#xff1a; img 输入图像&#xff0c;应为灰度和float32类型blockSize是拐角检测考虑的邻域大小ksize 使用的Sobel导数的光圈参数k 等式中的哈里斯检测器自由参数 import numpy as np import cv2 as cv filename chessboard.png img…...

编程日记 2023/11/16 2:17:55

Excel-lookup函数核对两个表格的数据匹配

需求描述&#xff1a;把右侧表格里的成绩按照姓名匹配到左表中 D11函数为LOOKUP(1,0/($H$11:$H$26A11),I$11:I$26) 然后下拉赋值公式&#xff0c;那么得到的值就都是对应的...

编程日记 2023/11/16 2:16:53

强化学习在并行机构人形机器人控制中的应用

1. 项目概述在机器人控制领域&#xff0c;强化学习(RL)正逐渐成为解决复杂动力学系统问题的有力工具。然而&#xff0c;当面对具有并行驱动机构的人形机器人时&#xff0c;传统RL训练方法往往面临一个关键挑战&#xff1a;大多数仿真环境无法准确模拟闭环运动链(Closed Kinemat…...

编程新知 2026/5/26 4:48:24

Goframe项目实战：从数据库表到API接口的全链路开发指南（含避坑点）

Goframe项目实战&#xff1a;从数据库表到API接口的全链路开发指南&#xff08;含避坑点&#xff09;在当今微服务架构盛行的时代&#xff0c;Go语言因其高性能和并发优势成为后端开发的热门选择。而Goframe作为一款企业级的Go应用开发框架&#xff0c;提供了从数据库操作到API…...

编程新知 2026/5/26 3:24:07

Tftpd32/Tftpd64不止是TFTP！手把手教你玩转它的DHCP和Syslog服务器功能

Tftpd32/Tftpd64&#xff1a;解锁DHCP与Syslog服务的隐藏潜力当大多数人提起Tftpd32/Tftpd64时&#xff0c;第一反应往往是它作为TFTP服务器的功能。这款轻量级工具确实在文件传输领域表现出色&#xff0c;但它的能力远不止于此。今天&#xff0c;我们将深入探索这款软件中两个…...

编程新知 2026/5/26 2:49:47

Veo 2提示词性能瓶颈诊断：基于1726组AB测试的token敏感度热力图与阈值红线预警

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;Veo 2提示词编写最佳实践总览 Veo 2 是 Google 推出的高性能视频生成模型&#xff0c;其对提示词&#xff08;prompt&#xff09;的语义精度、结构清晰度和上下文控制能力高度敏感。高质量提示词并非简单堆砌关…...

编程新知 2026/5/25 23:02:48

Allegro PCB设计小技巧：如何让Route Keepout区域既能走线又能打过孔（附详细步骤图）

Allegro PCB设计实战&#xff1a;Route Keepout区域的灵活控制技巧 在高速PCB设计中&#xff0c;Route Keepout区域的管理常常让工程师陷入两难境地——元件封装自带的限制区域与实际布线需求产生冲突。特别是处理PCIE等高速信号时&#xff0c;这种矛盾尤为突出。传统做法要么完…...

编程新知 2026/5/25 22:40:36

如何用HsMod解锁炉石传说60+项隐藏功能：终极优化指南

如何用HsMod解锁炉石传说60项隐藏功能&#xff1a;终极优化指南 【免费下载链接】HsMod Hearthstone Modification Based on BepInEx 项目地址: https://gitcode.com/GitHub_Trending/hs/HsMod HsMod是一款基于BepInEx开发的炉石传说功能增强插件&#xff0c;为玩家提供…...

编程新知 2026/5/25 20:53:12

PS5 NOR Modifier深度解析：如何通过Windows工具修复PS5硬件故障与实现光驱版转数字版

PS5 NOR Modifier深度解析&#xff1a;如何通过Windows工具修复PS5硬件故障与实现光驱版转数字版 【免费下载链接】PS5NorModifier The PS5 Nor Modifier is an easy to use Windows based application to rewrite your PS5 NOR file. This can be useful if your NOR is corru…...

编程新知 2026/5/25 18:32:45

掌握Umi-OCR：5分钟上手开源免费离线文字识别工具

掌握Umi-OCR&#xff1a;5分钟上手开源免费离线文字识别工具 【免费下载链接】Umi-OCR OCR software, free and offline. 开源、免费的离线OCR软件。支持截屏/批量导入图片&#xff0c;PDF文档识别&#xff0c;排除水印/页眉页脚&#xff0c;扫描/生成二维码。内置多国语言库。…...

编程新知 2026/5/25 18:04:00

【2026实测】怎么提高论文原创度？盘点8款主流降AI工具，附结构级优化指南

写文章最怕碰到什么&#xff0c;是辛辛苦苦自己码出来的字&#xff0c;却被标了极高的AI值。目前很多文本审核机制对内容的原创度要求极高&#xff0c;纯手写的初稿也可能因为句式太工整被判定为机器生成的。 为了帮几个快被这事折腾疯了的学弟学妹找条出路&#xff0c;我花了…...

编程新知 2026/5/25 17:57:41

基于EMA与轻量级机器学习的Wi-Fi链路质量预测实战

1. 项目概述与核心价值在工业自动化、仓储物流和智能制造等场景里&#xff0c;无线网络的稳定性正变得前所未有的重要。想象一下&#xff0c;一个自动导引运输车&#xff08;AGV&#xff09;正在执行物料搬运任务&#xff0c;或者一个机械臂正在与中央控制系统进行实时数据同步…...

编程新知 2026/5/25 17:15:08