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

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 正则表达式介绍与语法 正则表达式&#xff1a; 正则表达式&#xff08;Regular Expression&#xff09;是用于匹配字符串中字符组合的模式。在 JavaScript中&#xff0c;正则表达式也是对象。通常用来查…...

JS-Web API -day03

一、事件流 1.1 事件流与两个阶段说明 事件流 指的是事件完整执行过程中的流动路径 假设页面有个div标签&#xff0c;当触发事件时&#xff0c;会经历两个阶段&#xff0c;分别是捕获阶段、冒泡阶段 捕获阶段&#xff1a;Document - Element html - Elementbody - Element div…...

进程优先级

基本概念 cpu资源分配的先后顺序&#xff0c;就是指进程的优先权&#xff08;priority&#xff09;。 优先权⾼的进程有优先执⾏权利。配置进程优先权对多任务环境的linux很有⽤&#xff0c;可以改善系统性能&#xff1b;还可以把进程运⾏到指定的CPU上&#xff0c;这样⼀来&…...

c语言(转义字符)

前言&#xff1a; 内容&#xff1a; 然后记一下转义字符 \? 在书写连续多个问号时使用&#xff0c;防止他们被解析成三字母词 \ 用于表示字符常量 \\ 用于表示一个反斜杠&#xff0c;防止他被解析为一个转义序列符 \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. 奇异值分解&#xff08;SVD&#xff09; 3.1 定义与数学基础 3.2 SVD 的性质 3.3 SVD 在数据降维中的应用 3.4 示例代码&#xff1a;使用 SVD 进行图像压缩 3.5 结果分析 4. 主成分分析&#xff08;PCA&#xff0…...

ThreeJS示例教程200+【目录】

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

DC-DC稳压电源——实战(基于Ti5450芯片)基础知识篇(1)

一&#xff1a;基础知识-耦合 1&#xff09;去耦电容 &#xff08;1&#xff09;耦合与去耦 耦合&#xff1a;系统内部的各个部分之间存在相互依赖、相互影响、相互制约的情况。用人话说就是不同部分之间的相互影响。 去耦&#xff1a;自然就是消除不同部分之间的影响了。 &…...

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属于办公区域&#xff1b;VLAN 3属于生…...

selenium clear()方法清除文本框内容

在使用Selenium进行Web自动化测试时&#xff0c;清除文本框内容是一个常见的需求。这可以通过多种方式实现&#xff0c;取决于你使用的是哪种编程语言&#xff08;如Python、Java等&#xff09;以及你的具体需求。以下是一些常见的方法&#xff1a; 1. 使用clear()方法 clear…...

(回溯分割)leetcode93 复原IP地址

#include<iostream> #include<vector> #include<string> #include<algorithm> using namespace std; //卡尔的图不是按照程序执行过程而是直接画程序会执行的过程 // 实际执行是&#xff1a;n个字符&#xff0c;递推n1后&#xff08;叶子节点&#xff…...

高性能队列 Disruptor 在 IM 系统中的实战

高性能队列 Disruptor 在 IM 系统中的实战 前三期我们介绍了Disruptor的典型使用场景和相关高性能原理&#xff0c;本期我介绍一下Disruptor在IM系统用的应用实战&#xff0c;IM系统即社交聊天系统&#xff0c;对实时性的要求非常高&#xff0c;非常符合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

题目来源&#xff1a;buuctf BUU XSS COURSE 1 一、打开靶机&#xff0c;整理信息 有吐槽和登陆两个尝试点&#xff0c;题目名称提示是XSS漏洞 XSS&#xff08;Cross-Site Scripting&#xff09;漏洞 1.定义&#xff1a;跨站脚本攻击&#xff0c;是一种常见的 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来打开文件流是一个常见的操作&#xff0c;用于创建一个输入文件流&#xff0c;并尝试打开名为 question_list的文件。if (!in.is_open())&#xff1a;检查文件是否成功打开。如果文件未…...

“上门按摩” 小程序开发项目:基于 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&#xff0c;肯定要先学…...

HTML 语义化

目录 HTML 语义化HTML5 新特性HTML 语义化的好处语义化标签的使用场景最佳实践 HTML 语义化 HTML5 新特性 标准答案&#xff1a; 语义化标签&#xff1a; <header>&#xff1a;页头<nav>&#xff1a;导航<main>&#xff1a;主要内容<article>&#x…...

模型参数、模型存储精度、参数与显存

模型参数量衡量单位 M&#xff1a;百万&#xff08;Million&#xff09; B&#xff1a;十亿&#xff08;Billion&#xff09; 1 B 1000 M 1B 1000M 1B1000M 参数存储精度 模型参数是固定的&#xff0c;但是一个参数所表示多少字节不一定&#xff0c;需要看这个参数以什么…...

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&#xff0c;结果IP质量不佳&#xff0c;项目效率低下不说&#xff0c;还可能带来莫名的网络问题&#xff0c;是不是太闹心了&#xff1f;尤其是在面对海外专线IP时&#xff0c;到底怎么才能买到适合自己的呢&#xff1f;所以&#xff0c;挑IP绝对是个技…...

Python Ovito统计金刚石结构数量

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

免费数学几何作图web平台

光锐软件免费数学工具&#xff0c;maths,数学制图&#xff0c;数学作图&#xff0c;几何作图&#xff0c;几何&#xff0c;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配置的颜色主题&#xff0c;无需引入&#xff0c;直接可…...

GO协程(Goroutine)问题总结

在使用Go语言来编写代码时&#xff0c;遇到的一些问题总结一下 [参考文档]&#xff1a;https://www.topgoer.com/%E5%B9%B6%E5%8F%91%E7%BC%96%E7%A8%8B/goroutine.html 1. main()函数默认的Goroutine 场景再现&#xff1a; 今天在看到这个教程的时候&#xff0c;在自己的电…...

tomcat入门

1 tomcat 是什么 apache开发的web服务器可以为java web程序提供运行环境tomcat是一款高效&#xff0c;稳定&#xff0c;易于使用的web服务器tomcathttp服务器Servlet服务器 2 tomcat 目录介绍 -bin #存放tomcat的脚本 -conf #存放tomcat的配置文件 ---catalina.policy #to…...

Python网页自动化Selenium中文文档

1. 安装 1.1. 安装 Selenium Python bindings 提供了一个简单的API&#xff0c;让你使用Selenium WebDriver来编写功能/校验测试。 通过Selenium Python的API&#xff0c;你可以非常直观的使用Selenium WebDriver的所有功能。 Selenium Python bindings 使用非常简洁方便的A…...