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,肯定要先学…...
HTML 语义化
目录 HTML 语义化HTML5 新特性HTML 语义化的好处语义化标签的使用场景最佳实践 HTML 语义化 HTML5 新特性 标准答案: 语义化标签: <header>:页头<nav>:导航<main>:主要内容<article>&#x…...
模型参数、模型存储精度、参数与显存
模型参数量衡量单位 M:百万(Million) B:十亿(Billion) 1 B 1000 M 1B 1000M 1B1000M 参数存储精度 模型参数是固定的,但是一个参数所表示多少字节不一定,需要看这个参数以什么…...

04-初识css
一、css样式引入 1.1.内部样式 <div style"width: 100px;"></div>1.2.外部样式 1.2.1.外部样式1 <style>.aa {width: 100px;} </style> <div class"aa"></div>1.2.2.外部样式2 <!-- rel内表面引入的是style样…...
IP如何挑?2025年海外专线IP如何购买?
你花了时间和预算买了IP,结果IP质量不佳,项目效率低下不说,还可能带来莫名的网络问题,是不是太闹心了?尤其是在面对海外专线IP时,到底怎么才能买到适合自己的呢?所以,挑IP绝对是个技…...

Python Ovito统计金刚石结构数量
大家好,我是小马老师。 本文介绍python ovito方法统计金刚石结构的方法。 Ovito Identify diamond structure命令可以识别和统计金刚石结构,但是无法直接输出结构的变化情况。 本文使用python调用ovito包的方法,可以持续统计各步的金刚石结构,具体代码如下: from ovito…...

免费数学几何作图web平台
光锐软件免费数学工具,maths,数学制图,数学作图,几何作图,几何,AR开发,AR教育,增强现实,软件公司,XR,MR,VR,虚拟仿真,虚拟现实,混合现实,教育科技产品,职业模拟培训,高保真VR场景,结构互动课件,元宇宙http://xaglare.c…...

iview框架主题色的应用
1.下载 less要使用3.0.0以下的版本 npm install less2.7.3 npm install less-loader4.0.52./src/config/theme.js文件 module.exports {yellow: {theme-color: #FDCE04},blue: {theme-color: #547CE7} }在sass中使用theme配置的颜色主题,无需引入,直接可…...

GO协程(Goroutine)问题总结
在使用Go语言来编写代码时,遇到的一些问题总结一下 [参考文档]:https://www.topgoer.com/%E5%B9%B6%E5%8F%91%E7%BC%96%E7%A8%8B/goroutine.html 1. main()函数默认的Goroutine 场景再现: 今天在看到这个教程的时候,在自己的电…...
tomcat入门
1 tomcat 是什么 apache开发的web服务器可以为java web程序提供运行环境tomcat是一款高效,稳定,易于使用的web服务器tomcathttp服务器Servlet服务器 2 tomcat 目录介绍 -bin #存放tomcat的脚本 -conf #存放tomcat的配置文件 ---catalina.policy #to…...
Python网页自动化Selenium中文文档
1. 安装 1.1. 安装 Selenium Python bindings 提供了一个简单的API,让你使用Selenium WebDriver来编写功能/校验测试。 通过Selenium Python的API,你可以非常直观的使用Selenium WebDriver的所有功能。 Selenium Python bindings 使用非常简洁方便的A…...