Js:正则表达式及正则表达式方法

news/2025/1/16 1:45:15 标签: javascript, 前端, 正则表达式

① 创建正则表达式对象:

javascript">/*
 *  语法:
 * 		var reg = new RegExp('正则表达式', '匹配模式');
 *      匹配模式(字符串类型):i --> 忽略大小写     g  --> 全局匹配模式
 */
	var reg = new RegExp('a', 'i');
	var str = 'abc';
/*
 *  正则表达式的方法:
 *    test:
 *      - 使用这个方法可以用来检查一个字符串是否符合正则表达式的规则。符合返回true
 */
	reg.test(str); // 结果: true
javascript">// 使用字面量的方式创建正则表达式
/*
 *  语法:
 * 		var 变量 = /正则表达式/匹配模式;
 */
	var reg = /a/i ;
	var str = 'abc';
	reg.test(str); // 结果: true

② 正则语法:

  • | 表示或,例如:reg = /a|b|c|d/;
  • [] 表示或,例如:reg = /[abcd]/;
  • [a-z] 表示任意的小写字母;
  • [0-9] 任意的数字;
  • [^ ] 除了;

③ 字符串与正则表达式的方法:

javascript">/*
 *  split:
 * 		- 可以将一个字符串拆分为一个数组
 *      - 可以传一个 正则表达式 作为参数,这样会根据正则表达式去拆分字符串。
 *      - 即使不指定全局匹配,也会全部拆分。
 */
	var str = 'a1b2c3d4';
	var result = str.split(/[A-z]/); // 根据任意字母拆分字符串

在这里插入图片描述

javascript">/*
 *  search:
 * 		- 可以搜索字符串中是否含有指定内容。
 *      - 如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到,则返回 -1。
 *      - 可以接收一个正则表达式作为参数,根据正则表达式来检索字符串。
 *      - 只会查找第一个,即使设置了全局匹配,也没有用。
 */
	var str = 'hello abc hello aec afc';
	var result = str.search(/a[bef]c/); // 结果:6
javascript">/*
 *  match:
 * 		- 可以根据正则表达式,从一个字符串中将符合条件的内容提取出来。
 *      - 默认情况下,match只会找到第一个符合要求的内容,找到以后就停止检索。
 *      - 设置正则表达式的全局匹配模式,这样会匹配所有的内容。
 *      - 会将匹配到的内容封装到一个数组中返回。
 */
	var str = 'a1b2c3d4ABCD';
	// 提取所有的字母,并将其放在数组中。
	var result = str.match(/[A-z]/ig); // 结果: ['a', 'b', 'c', 'd', 'A', 'B', 'C', 'D']
javascript">/*
 *  replace:
 * 		- 可以将字符串中的内容替换为指定内容。
 *      - 需要两个参数,第一个参数是被替换的内容(可以接收一个正则表达式作为参数),第二个参数是新的内容。
 *      - 默认只会替换第一个。
 */
	var str = 'a1b2a3d4ABaD';
	var result = str.replace('a', '(●ˇ∀ˇ●)'); // 结果: '(●ˇ∀ˇ●)1b2a3d4ABaD'
javascript">/*
 *  量词:
 * 		- 通过量词可以设置一个内容出现的次数。
 *      - 量词只对它前边的一个内容起作用。
 *      - {n} 出现n次
 *      - {m,n} 出现m-n次
 *      - {m,} 出现m次以上
 *      -  + 至少出现一次,相当于{1,}
 *      -  * 出现0次或者多次,相当于{0,}
 *      -  ? 出现0次或者1次,相当于{0,1}
 */
	var reg = /a{5}/;  // 出现5次的连续的a
	var result = reg.test('aaaaabc'); // 结果: true
javascript">/*
 *      -  ^ 表示开头
 *      -  $ 表示结尾
 *      -  ? 出现0次或者1次,相当于{0,1}
 */
	var reg = /^a/;  // 匹配开头的a
	var reg2 = /a$/;  // 匹配结尾的a
	// 如果在正则表达式中同时使用^和$,则要求字符串必须完全符合正则表达式
	var reg3 = /^a$/;
	var result = reg3.test('a'); // 结果: true
	var reg4 = /^a|a$/; // 以a开头或者以a结尾
javascript">/*		检查一个字符串中是否含有.
 *      - . 表示任意字符
 *      -  在正则表达式中使用 \ 作为转义字符
 *      - \.表示.
 *      - \\ 表示\
 *      - 注意:使用构造函数来创建正则表达式时,由于它的参数是一个字符串,而\是字符串中的转义字符。
 *              如果要使用\,需要使用\\ 来表示。
 */
	var reg = /\./;  // 匹配任意字符	
	var reg2 = /\\/;  // 匹配\
	var reg3 = new regExp("\\.");  // 匹配任意字符
	var reg4 = new regExp("\\\\");  // 匹配\
javascript">/*
 *      -  \w  匹配任意的字母、数字、下划线,相当于[A-z0-9_]
 *      -  \W  匹配除了任意的字母、数字、下划线,相当于[^A-z0-9_]
 *      -  \s  匹配空格
 *      -  \S  匹配除了空格之外的
 *      -  \d  匹配任意的数字,相当于[0-9]
 *      -  \D  匹配除了任意的数字之外的,相当于[^0-9]
 *      -  \b  匹配单词边界
 *      -  \B  匹除了配单词边界
 */
	var reg = /\bchild\b/;  // 查找child这个单词,而不是children...

在这里插入图片描述

④ 常用正则:

(1) 去除开头和结尾的空格

javascript">var reg = /^\s+|\s+$/g
var str = "       hell    o       "
str.replace(reg,"")  // 结果:hell    o

在这里插入图片描述
(2) 只允许输入正数(包含小数)

javascript">onkeyup="value= (value.replace(/[^.0-9]/,'').replace(/.*?(\d+\.?\d*).*/g,'$1')).replace(/^0+/,'0')"

(3) 只允许输入正整数

javascript">/[^\d{1,}|\d{1,}]/g

http://www.niftyadmin.cn/n/5824522.html

相关文章

ros2笔记-7.1 机器人导航介绍

7.1 机器人导航介绍 7.1.1 同步定位与地图构建 想要导航,就是要确定当前位置跟目标位置。确定位置就是定位问题。 手机的卫星导航在室内 受屏蔽,需要其他传感器获取位置信息。 利用6.5 章节的仿真,打开并运行 会发现轨迹跟障碍物都被记录…

【Vue - Element 】实现表单输入框的远程搜索功能

需求 表单是一个常见的元素,而在表单中,常常需要用户从大量的数据中选择一个或多个选项。 为了提高用户体验,提供远程搜索功能可以帮助用户快速找到所需的选项,而不是从冗长的下拉列表中手动查找。 以该需求为例,我…

Flink专题(一) Linux下搭建Flink环境

一、Linux下载地址 1、软件镜像服务【下载速度较快,推荐】 flink 2、Apache官网下载 Downloads | Apache Flink 二、 Flink单机版启动 1、Flink 1.20.0需要至少JDK 17版本支持,提前安装好JDK环境. 2、基于CentOS 8环境. cat /etc/redhat-release 3…

如何提高自动化测试覆盖率和效率

用ChatGPT做软件测试 在现代软件开发中,自动化测试已经成为保证软件质量的重要手段。然而,在实践中,自动化测试的覆盖率和效率常常受到限制,导致潜在缺陷未能及时发现或测试资源浪费。因此,提升自动化测试的覆盖率和效…

手机与平板:勒索软件的“天然通道”

过去的两年中,63%的企业曾遭受勒索软件攻击。 随着全球媒体频频报道勒索软件威胁,这一话题引发了广泛关注。虽然勒索软件并非新生事物,但其受网络犯罪分子“青睐”的趋势却愈发显著。 为什么手机和平板成了目标? 当前&#xff0c…

详解C#的文件写入和读取:从基础到高级应用

详解C#的文件写入和读取:从基础到高级应用 文件操作是C#编程中不可或缺的一部分,无论是写入日志、读取配置文件,还是处理用户数据,文件读写都是开发中的常见任务。本文将全面解析C#中的文件写入和读取操作,涵盖从基础…

UML系列之Rational Rose笔记四:时序图(顺序图_序列图)

时序图有很多画法,这基本上能算rose里面要求最乱的一种图了;有些人的需求是BCE模式,这是正常规范点的,有些人就不需要,有些需要用数据库交互,有些不需要;没有一个较为统一的需求;在此…

pytest-instafail:让测试失败信息即时反馈

pytest-instafail:让测试失败信息即时反馈 前言一、简介二、优势三、安装与使用3.1 未安装时运行情况3.2 安装3.3 已安装时运行情况3.3 pytest.ini 配置选项 四、对比 总结 前言 当测试用例数量庞大时,定位测试失败的原因往往耗时费力。此时,…