JS-Web API -day06
一、正则表达式
正则表达式测试工具: http://tool.oschina.net/regex
1.1 正则表达式介绍与语法
正则表达式:
正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。通常用来查找、替换那些符合正则表达式的文本。
使用场景:
验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。比如用户名: /^[a-z0-9_-]{3,16}$/
过滤掉页面内容中的一些敏感词(替换)
从字符串中获取我们想要的特定部分(提取)
等等
语法:
正则表达式字面量:/ /
1.定义规则 const 变量名 = /表达式/
2.判断是否有符合规则的字符串 变量名.test()
3.检索(查找)符合规则的字符串:变量名.exec()
<script>const str = '我们在学习前端,希望能有所成就'// 定义规则const reg = /前端/// 是否匹配 匹配 返回true 反之返回falseconsole.log(reg.test(str))// exec() 检索符合规则的字符串 成功返回一个数组,否则返回nullconsole.log(reg.exec(str)); </script>
1.2 元字符
元字符:是一些具有特殊含义的字符,可以极大提高了灵活性和强大的匹配功能。
例如:元字符[a-z]就表示26个英文字母
1.2.1 边界符
表示位置,开头和结尾,必须用什么开头,用什么结尾
主要有两个字符:
边界符 说明 ^ 表示匹配行首的文本(以谁开始) $ 表示匹配行尾的文本(以谁结束) //^表示以谁为开头 $表示以谁结束// 他们一起表示精确匹配 被检测的字符串必须完全是里面的内容才能通过console.log(/^哈/.test('哈'))//trueconsole.log(/^哈/.test('哈哈'))//trueconsole.log(/^哈/.test('二哈'))//falseconsole.log('---------------------------------')//精确匹配 只有这种为true 其余均为falseconsole.log(/^哈$/.test('哈'))//trueconsole.log(/^哈$/.test('二哈'))//falseconsole.log(/^哈$/.test('哈哈'))//false
1.2.2 量词
表示重复次数
量词 说明 * 重复零次或更多次 + 重复一次或更多次 ? 重复零次或一次 {n} 重复n次 {n,} 重复n次或更多次 {n,m} 重复n到m次 注:
逗号左右两侧千万不要出现空格
// 量词 某个模式出现的次数// 重复次数是作用在最近的一个 ^[1-9][0-9]{4.} 表是1000开始 {4.}作用在[0-9]上面 [1-9]表示的第一位数组// * 只允许精确匹配的字符出现0次或多次 不允许出现其他console.log(/^哈*$/.test(''))//trueconsole.log(/^哈*$/.test('哈哈'))//trueconsole.log(/^哈*$/.test('二哈'))//falseconsole.log('---------------------------------')// + 出现一次或多次console.log(/^哈+$/.test(''))//falseconsole.log(/^哈+$/.test('哈哈'))//trueconsole.log(/^哈+$/.test('二哈'))//falseconsole.log('---------------------------------')// ? 出现0次或一次console.log(/^哈+$/.test(''))//trueconsole.log(/^哈+$/.test('哈哈'))//falseconsole.log(/^哈+$/.test('二哈'))//falseconsole.log('---------------------------------')// {n} 必须出现n次console.log(/^哈{0}$/.test(''))//trueconsole.log(/^哈{0}$/.test('哈哈'))//falseconsole.log(/^哈{2}$/.test('哈哈'))//trueconsole.log(/^哈{0}$/.test('二哈'))//falseconsole.log('---------------------------------')// ,左右两侧不要有空格// {n,} 出现大于等于n次console.log(/^哈{0,}$/.test(''))//trueconsole.log(/^哈{0,}$/.test('哈哈'))//trueconsole.log(/^哈{2,}$/.test('哈哈'))//trueconsole.log(/^哈{0,}$/.test('二哈'))//falseconsole.log('---------------------------------')// {n,m} 出现 n到m次都可以console.log(/^哈{0,2}$/.test(''))//trueconsole.log(/^哈{0,3}$/.test('哈哈'))//trueconsole.log(/^哈{2,3}$/.test('哈哈'))//trueconsole.log(/^哈{0,1}$/.test('哈哈'))//falseconsole.log(/^哈{0,5}$/.test('二哈'))//falseconsole.log('---------------------------------')
1.2.3 字符类
1. [ ] 匹配字符集合
后面的字符串只要包含[ ]中任意一个字符,都返回 true 。
// [] 匹配字符集合 被检测的字符串只要包含任意一个字符就返回trueconsole.log(/[abc]/.test('andy'))//trueconsole.log(/[abc]/.test('baby'))//trueconsole.log(/[abc]/.test('cry'))//trueconsole.log(/[abc]/.test('die'))//falseconsole.log(/[abc]/.test('abe'))//true// 有 abc任意一个开头就是trueconsole.log(/^[abc]/.test('abe'))//true// 有abc任意一个结尾就是trueconsole.log(/[abc]$/.test('abeb'))//trueconsole.log('---------------------------------')// /^[abc]$/ 只能是一个字符且还是这三个中的是true 'a', 'c' , 'b' 只能是这三种情况其余全是falseconsole.log(/^[abc]$/.test('a'))//trueconsole.log(/^[abc]$/.test('absdc'))//false// 加上量词就是可以允许几个console.log(/^[abc]{2}$/.test('aa'))//true
2. [ ] 里面加上 - 连字符
使用连字符 - 表示一个范围
例如:
[a-z] 表示 a 到 z 26个英文字母都可以
[a-zA-Z] 表示大小写都可以
[0-9] 表示 0~9 的数字都可以
console.log(/^[a-z]$/.test('a'))//trueconsole.log(/^[A-Z]$/.test('A'))//trueconsole.log(/^[a-zA-Z0-9]$/.test('A'))//trueconsole.log(/^[a-zA-Z0-9]$/.test('8'))//trueconsole.log(/^[a-zA-Z0-9]{2}$/.test(11))//trueconsole.log(/^[a-zA-Z0-9]$/.test('m'))//true
3. [ ] 里面加上 ^ 取反符号
匹配除反字符以外的字符
^要写到中括号里面
// [^] 表示取反console.log(/^[^a-z]$/.test('a'))//falseconsole.log(/^[^a-z]$/.test(5))//true
4. . 匹配除换行符之外的任何单个字符
5. 预定义字符
\d 相当于 [0-9]
\D 相当于 [^0-9]
\w 相当于[A-Za-z0-9_]比如日期格式:
^/\d[4]-\d{1,2}-\d{1,2}/
1.3 修饰符
修饰符:
修饰符约束正则执行的某些细节行为,如是否区分大小写、是否支持多行匹配等
语法: /表达式/修饰符
类型:
i 是单词 ignore 的缩写,正则匹配时字母不区分大小写
g 是单词 global 的缩写,匹配所有满足正则表达式的结果
replace替换,将通过正则表达式检索的字符串里面的字符替换成想要的文本
<script>// 修饰符// i 不区分大小写console.log(/^JAVA$/i.test('JAVA'))//trueconsole.log(/^JAVA$/i.test('java'))//trueconsole.log(/^JAVA$/i.test('Java'))//trueconsole.log(/^JAVA$/.test('java'))//false// g 匹配所有满足正则表达式的结果//方法 replaceconst str = 'java是一门编程语言,学完JAVA可以找工作'const result1 = str.replace(/java/i,'前端')const result2 = str.replace(/java/ig,'前端')console.log(str)//java是一门编程语言,学完JAVA可以找工作console.log(result1)//前端是一门编程语言,学完JAVA可以找工作console.log(result2)//前端是一门编程语言,学完前端可以找工作//正则表达式里面的 或 |const result3 = str.replace(/java|JAVA/g,'前端')console.log(result3);//前端是一门编程语言,学完前端可以找工作 </script>
相关文章:
JS-Web API -day06
一、正则表达式 正则表达式测试工具: http://tool.oschina.net/regex 1.1 正则表达式介绍与语法 正则表达式: 正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。通常用来查…...
JS-Web API -day03
一、事件流 1.1 事件流与两个阶段说明 事件流 指的是事件完整执行过程中的流动路径 假设页面有个div标签,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段 捕获阶段:Document - Element html - Elementbody - Element div…...

进程优先级
基本概念 cpu资源分配的先后顺序,就是指进程的优先权(priority)。 优先权⾼的进程有优先执⾏权利。配置进程优先权对多任务环境的linux很有⽤,可以改善系统性能;还可以把进程运⾏到指定的CPU上,这样⼀来&…...
c语言(转义字符)
前言: 内容: 然后记一下转义字符 \? 在书写连续多个问号时使用,防止他们被解析成三字母词 \ 用于表示字符常量 \\ 用于表示一个反斜杠,防止他被解析为一个转义序列符 \n 换行 \r …...

easyexcel读取写入excel easyexceldemo
1.新建springboot项目 2.添加pom依赖 <name>excel</name> <description>excelspringboot例子</description><parent> <groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId&…...
【人工智能数学基础篇】——深入详解矩阵分解:奇异值分解(SVD)与主成分分析(PCA)在数据降维与特征提取中的应用
目录 1. 引言 2. 矩阵分解概述 2.1 矩阵分解的意义 3. 奇异值分解(SVD) 3.1 定义与数学基础 3.2 SVD 的性质 3.3 SVD 在数据降维中的应用 3.4 示例代码:使用 SVD 进行图像压缩 3.5 结果分析 4. 主成分分析(PCA࿰…...

ThreeJS示例教程200+【目录】
Three.js 是一个强大的 JavaScript 库,旨在简化在网页上创建和展示3D图形的过程。它基于 WebGL 技术,但提供了比直接使用 WebGL 更易于使用的API,使得开发者无需深入了解 WebGL 的复杂细节就能创建出高质量的3D内容。 由于目前内容还不多,下面的内容暂时做一个占位。 文章目…...

DC-DC稳压电源——实战(基于Ti5450芯片)基础知识篇(1)
一:基础知识-耦合 1)去耦电容 (1)耦合与去耦 耦合:系统内部的各个部分之间存在相互依赖、相互影响、相互制约的情况。用人话说就是不同部分之间的相互影响。 去耦:自然就是消除不同部分之间的影响了。 &…...
pyrender 渲染mesh
目录 render_meshes函数 调用函数 render_meshes函数 def overlay_human_meshes(humans, K, model, img_pil, unique_colorFalse):# Color of humans seen in the image._color [color[0] for _ in range(len(humans))] if unique_color else color# Get focal and princpt …...

防火墙安全策略
目录 一.拓扑信息 二.需求分析 三.命令行详细配置信息 1.配置IP 2.交换机配置 3.修改安全区域 4.安全策略 四.web界面详细配置 1.配置IP和设置安全区域 2.交换机配置 3.安全策略 五.测试 一.拓扑信息 二.需求分析 1.VLAN 2属于办公区域;VLAN 3属于生…...
selenium clear()方法清除文本框内容
在使用Selenium进行Web自动化测试时,清除文本框内容是一个常见的需求。这可以通过多种方式实现,取决于你使用的是哪种编程语言(如Python、Java等)以及你的具体需求。以下是一些常见的方法: 1. 使用clear()方法 clear…...

(回溯分割)leetcode93 复原IP地址
#include<iostream> #include<vector> #include<string> #include<algorithm> using namespace std; //卡尔的图不是按照程序执行过程而是直接画程序会执行的过程 // 实际执行是:n个字符,递推n1后(叶子节点ÿ…...
高性能队列 Disruptor 在 IM 系统中的实战
高性能队列 Disruptor 在 IM 系统中的实战 前三期我们介绍了Disruptor的典型使用场景和相关高性能原理,本期我介绍一下Disruptor在IM系统用的应用实战,IM系统即社交聊天系统,对实时性的要求非常高,非常符合Disruptor的使用场景。 …...
原生HTML集合
一、表格 1、固定表格 <div class"tablebox"><div class"table-container"><table id"myTable" border"0" cellspacing"0" cellpadding"0"><thead><tr></tr></thead>…...

ES6 简单练习笔记--变量申明
一、ES5 变量定义 1.在全局作用域中 this 其实就是window对象 <script>console.log(window this) </script>输出结果: true 2.在全局作用域中用var定义一个变量其实就相当于在window上定义了一个属性 例如: var name "孙悟空" 其实就相当于执行了 win…...

2025.1.21——六、BUU XSS COURSE 1
题目来源:buuctf BUU XSS COURSE 1 一、打开靶机,整理信息 有吐槽和登陆两个尝试点,题目名称提示是XSS漏洞 XSS(Cross-Site Scripting)漏洞 1.定义:跨站脚本攻击,是一种常见的 Web 安全漏洞。攻…...
Linux - 五种常见I/O模型
I/O操作 (输入/输出操作, Input/Output) 是指计算机与外部设备就行数据交互的过程. 什么是外部设备: 如键盘, 鼠标, 硬盘, 网卡等. 五种常见的 I/O 模型: 阻塞 I/O非阻塞 I/O信号驱动 I/OI/O 多路复用异步 I/O 阻塞 I/O 阻塞 I/O 的特点: 当用户发起 I/O 请求后, 进程/线程就…...

【负载均衡式在线OJ】加载题目信息(文件版)
目录 如何读取文件 -- 常见流程 代码 如何读取文件 -- 常见流程 在C中使用 std::ifstream来打开文件流是一个常见的操作,用于创建一个输入文件流,并尝试打开名为 question_list的文件。if (!in.is_open()):检查文件是否成功打开。如果文件未…...
“上门按摩” 小程序开发项目:基于 SOP 的全流程管理
在竞争激烈的生活服务市场,“上门按摩” 服务需求日益增长。为满足这一需求,我们启动了 O2O 模式的 “上门按摩” 小程序开发项目,该项目涵盖客户端、系统管理端、技师端。以下将通过各类 SOP 对项目进行全面管理,确保项目顺利推进。 一、项目启动 SOP:5W2H 分析法 What(…...

WPF1-从最简单的xaml开始
1. 最简单的WPF应用 1.1. App.config1.2. App.xaml 和 App.xaml.cs1.3. MainWindow.xaml 和 MainWindow.xaml.cs 2. 正式开始分析 2.1. 声明即定义2.2. 命名空间 2.2.1. xaml的Property和Attribute2.2.2. xaml中命名空间2.2.3. partial关键字 学习WPF,肯定要先学…...
【磁盘】每天掌握一个Linux命令 - iostat
目录 【磁盘】每天掌握一个Linux命令 - iostat工具概述安装方式核心功能基础用法进阶操作实战案例面试题场景生产场景 注意事项 【磁盘】每天掌握一个Linux命令 - iostat 工具概述 iostat(I/O Statistics)是Linux系统下用于监视系统输入输出设备和CPU使…...
C# SqlSugar:依赖注入与仓储模式实践
C# SqlSugar:依赖注入与仓储模式实践 在 C# 的应用开发中,数据库操作是必不可少的环节。为了让数据访问层更加简洁、高效且易于维护,许多开发者会选择成熟的 ORM(对象关系映射)框架,SqlSugar 就是其中备受…...
使用Matplotlib创建炫酷的3D散点图:数据可视化的新维度
文章目录 基础实现代码代码解析进阶技巧1. 自定义点的大小和颜色2. 添加图例和样式美化3. 真实数据应用示例实用技巧与注意事项完整示例(带样式)应用场景在数据科学和可视化领域,三维图形能为我们提供更丰富的数据洞察。本文将手把手教你如何使用Python的Matplotlib库创建引…...

论文笔记——相干体技术在裂缝预测中的应用研究
目录 相关地震知识补充地震数据的认识地震几何属性 相干体算法定义基本原理第一代相干体技术:基于互相关的相干体技术(Correlation)第二代相干体技术:基于相似的相干体技术(Semblance)基于多道相似的相干体…...

R语言速释制剂QBD解决方案之三
本文是《Quality by Design for ANDAs: An Example for Immediate-Release Dosage Forms》第一个处方的R语言解决方案。 第一个处方研究评估原料药粒径分布、MCC/Lactose比例、崩解剂用量对制剂CQAs的影响。 第二处方研究用于理解颗粒外加硬脂酸镁和滑石粉对片剂质量和可生产…...

推荐 github 项目:GeminiImageApp(图片生成方向,可以做一定的素材)
推荐 github 项目:GeminiImageApp(图片生成方向,可以做一定的素材) 这个项目能干嘛? 使用 gemini 2.0 的 api 和 google 其他的 api 来做衍生处理 简化和优化了文生图和图生图的行为(我的最主要) 并且有一些目标检测和切割(我用不到) 视频和 imagefx 因为没 a…...

人工智能(大型语言模型 LLMs)对不同学科的影响以及由此产生的新学习方式
今天是关于AI如何在教学中增强学生的学习体验,我把重要信息标红了。人文学科的价值被低估了 ⬇️ 转型与必要性 人工智能正在深刻地改变教育,这并非炒作,而是已经发生的巨大变革。教育机构和教育者不能忽视它,试图简单地禁止学生使…...

搭建DNS域名解析服务器(正向解析资源文件)
正向解析资源文件 1)准备工作 服务端及客户端都关闭安全软件 [rootlocalhost ~]# systemctl stop firewalld [rootlocalhost ~]# setenforce 0 2)服务端安装软件:bind 1.配置yum源 [rootlocalhost ~]# cat /etc/yum.repos.d/base.repo [Base…...

STM32---外部32.768K晶振(LSE)无法起振问题
晶振是否起振主要就检查两个1、晶振与MCU是否兼容;2、晶振的负载电容是否匹配 目录 一、判断晶振与MCU是否兼容 二、判断负载电容是否匹配 1. 晶振负载电容(CL)与匹配电容(CL1、CL2)的关系 2. 如何选择 CL1 和 CL…...

论文阅读笔记——Muffin: Testing Deep Learning Libraries via Neural Architecture Fuzzing
Muffin 论文 现有方法 CRADLE 和 LEMON,依赖模型推理阶段输出进行差分测试,但在训练阶段是不可行的,因为训练阶段直到最后才有固定输出,中间过程是不断变化的。API 库覆盖低,因为各个 API 都是在各种具体场景下使用。…...