095_RegExp对象

最新推荐文章于 2023-04-27 11:32:08 发布
最新推荐文章于 2023-04-27 11:32:08 发布
阅读量164 收藏
点赞数
分类专栏： JavaScript学习 文章标签： 正则表达式 前端 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aihiao/article/details/112268823
版权

1. RegExp对象

1.1. RegExp对象表示正则表达式, 它是对字符串执行模式匹配的强大工具。

1.2. 字面量语法

/pattern/attributes;

1.3. 创建RegExp对象的语法:

new RegExp(pattern, attributes);

1.4. 参数

1.4.1. 参数pattern是一个字符串或正则表达式。

1.4.2. 参数attributes是一个可选的字符串, 包含属性"g"、"i"和"m", 分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript标准化之前, 不支持m属性。如果pattern是包含修饰符的正则表达式, 则必须省略该参数。

1.5. 返回值

1.5.1. 一个新的RegExp对象, 具有指定的模式和标志。如果参数pattern是正则表达式而不是字符串, 那么RegExp()构造函数将用与指定的RegExp相同的模式和标志创建一个新的RegExp对象。

1.5.2. 如果不用new运算符, 而将RegExp()作为函数调用, 那么它的行为与用new运算符调用时一样, 只是当pattern是正则表达式时, 它只返回pattern, 而不再创建一个新的RegExp对象。

1.6. 尽管可以使用RegExp构造函数创建正则表达式, 但最好不要使用它, 因为使用构造函数比字面量创建正则表达式要慢得多。

2. RegExp对象属性

3. RegExp对象方法

4. test()方法

4.1. test()方法用于检测一个字符串是否匹配某个模式。

4.2. 语法

regExpObject.test(string)

4.3. 参数

4.4. 返回值

4.4.1. 如果字符串string中含有与RegExpObject匹配的文本, 则返回true, 否则返回false。

5. exec()方法

5.1. exec()方法用于检索字符串中的正则表达式的匹配。

5.2. 语法

regExpObject.exec(string)

5.3. 参数

5.4. 返回值

5.4.1. 返回一个数组, 其中存放匹配的结果。如果未找到匹配, 则返回值为null。

5.5. 如果exec()找到了匹配的文本, 则返回一个结果数组。否则, 返回null。此数组的第0个元素是与正则表达式相匹配的文本, 第1个元素是与RegExpObject的第1个子表达式相匹配的文本(如果有的话), 第2个元素是与RegExpObject的第2个子表达式相匹配的文本(如果有的话), 以此类推。除了数组元素和length属性之外, exec()方法还返回两个属性。index 属性声明的是匹配文本的第一个字符的位置。input属性则存放的是被检索的字符串string。我们可以看得出, 在调用非全局的RegExp对象的exec()方法时, 返回的数组与调用方法String.match() 返回的数组是相同的。

5.6. 但是, 当RegExpObject是一个全局正则表达式时, exec()的行为就稍微复杂一些。它会在RegExpObject的lastIndex属性指定的字符处开始检索字符串string。当exec()找到了与表达式相匹配的文本时, 在匹配后, 它将把RegExpObject的lastIndex属性设置为匹配文本的最后一个字符的下一个位置。这就是说, 您可以通过反复调用exec() 方法来遍历字符串中的所有匹配文本。当exec()再也找不到匹配的文本时, 它将返回null, 并把lastIndex属性重置为0。

5.7. 如果在一个字符串中完成了一次模式匹配之后要开始检索新的字符串, 就必须手动地把lastIndex属性重置为0。

5.8. 请注意, 无论RegExpObject是否是全局模式, exec()都会把完整的细节添加到它返回的数组中。这就是exec()与String.match()的不同之处, 后者在全局模式下返回的信息要少得多。因此我们可以这么说, 在循环中反复地调用exec()方法是唯一一种获得全局模式的完整模式匹配信息的方法。

6. 例子

6.1. 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>RegExp对象</title>
	</head>
	<body>
		<script type="text/javascript">
			var re1 = new RegExp(/\s/);
			var r1 = re1.test('1\v2');
			document.write('\\s匹配垂直制表符: ' + r1 + ', global = ' + re1.global + ', ignoreCase = ' + re1.ignoreCase + ', multiline = ' + re1.multiline + ', source = ' + re1.source + '<br />');

			var re2 = new RegExp(/\s/i);
			var r2 = re2.test('1\f2');
			document.write('\\s匹配换页符: ' + r2 + ', global = ' + re2.global + ', ignoreCase = ' + re2.ignoreCase + ', multiline = ' + re2.multiline + ', source = ' + re2.source + '<br />');

			var re3 = new RegExp(/\s/g);
			var r3 = re3.test('1\t2');
			document.write('\\s匹配制表符: ' + r3 + ', global = ' + re3.global + ', ignoreCase = ' + re3.ignoreCase + ', multiline = ' + re3.multiline + ', lastIndex = ' + re3.lastIndex + ', source = ' + re3.source + '<br />');

			var re4 = new RegExp(/\s/m);
			var r4 = re4.test('1\r2');
			document.write('\\s匹配回车符: ' + r4 + ', global = ' + re4.global + ', ignoreCase = ' + re4.ignoreCase + ', multiline = ' + re4.multiline + ', source = ' + re4.source + '<br />');

			var re5 = new RegExp(/\s/, 'i');
			var r5 = re5.test('1\n2');
			document.write('\\s匹配换行符: ' + r5 + ', global = ' + re5.global + ', ignoreCase = ' + re5.ignoreCase + ', multiline = ' + re5.multiline + ', source = ' + re5.source + '<br />');

			var re6 = new RegExp(/\s/, 'g');
			var r6 = re6.test('1 2');
			document.write('\\s匹配空格: ' + r6 + ', global = ' + re6.global + ', ignoreCase = ' + re6.ignoreCase + ', multiline = ' + re6.multiline + ', lastIndex = ' + re6.lastIndex + ', source = ' + re6.source + '<br />');

			var re7 = new RegExp(/\s/, 'm');
			var r7 = re7.test('1	2');
			document.write('\\s匹配tab键: ' + r7 + ', global = ' + re7.global + ', ignoreCase = ' + re7.ignoreCase + ', multiline = ' + re7.multiline + ', source = ' + re7.source + '<hr />');
			
			var str1 = 'Ruan jian bao dian wang fu wu yu 100 duo suo gao xiao, 200000 duo wan de gao xiao xue sheng he lao shi, yi gong you 30 duo wan yong hu le。';
			var result = null;

			var m1 = str1.match(/\d+/);
			document.write('匹配结果: ' + m1 + ', 匹配位置: ' + m1.index + ', 原字符串: ' + m1.input + '<br />');
			var mre1 = new RegExp(/\d+/, 'g')
			var m2 = str1.match(mre1);
			document.write('匹配结果: ' + m2 + ', global = ' + mre1.global + ', ignoreCase = ' + mre1.ignoreCase + ', multiline = ' + mre1.multiline + ', source = ' + mre1.source + '<hr />');

			// 只有new RegExp()返回的对象, 执行检测后才有global, ignoreCase, multiline属性
			var e1 = /\d+/.exec(str1);
			document.write('匹配结果: ' + e1 + ', 匹配位置: ' + e1.index + ', 原字符串: ' + e1.input + '<br />');
			var e2 = /\d+/g.exec(str1);
			document.write('匹配结果: ' + e2 + ', 匹配位置: ' + e2.index + ', 原字符串: ' + e2.input + '<hr />');

			// 全局匹配使用exec()方法, 循环调用打印所有匹配结果。
			var ere1 = new RegExp(/\d+/, 'g')
			while((result = ere1.exec(str1)) != null) {
				document.write('匹配结果: ' + result + ', 匹配位置: ' + result.index + ', 原字符串: ' + result.input + ', 下一次开始匹配的位置: ' + ere1.lastIndex + '<br />');
			}

			var sre1 = new RegExp('ruan jian', 'igm');
			var s1 = 'Ruan jian bao dian, ruan jian ke ji'.match(sre1);
			document.write('<hr />匹配结果: ' + s1 + ', global = ' + sre1.global + ', ignoreCase = ' + sre1.ignoreCase + ', multiline = ' + sre1.multiline + ', source = ' + sre1.source);
		</script>
	</body>
</html>

6.2. 效果图

自由与束缚JavaJavaScript
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js正则表达式之input属性($_)RegExp对象属性介绍
10-27
在JavaScript中，正则表达式是通过RegExp对象实现的。RegExp对象的属性可以帮助开发者了解和控制正则表达式的行为。在本篇文章中，我们将详细介绍RegExp对象的一个静态只读属性——input属性，及其相关的属性$_。 ...
详解JavaScript RegExp对象
10-20
JavaScriptRegExp对象（又称RegExp对象）是原生JavaScript中用于表示和处理正则表达式的内置对象。正则表达式是一种强大的文本处理工具，它允许你描述字符的模式，并用于执行搜索、替换、验证等操作。 正则表达式...
js中自定义QueryString方法，获取url中的参数值
jandroid
08-04 220
在js中，怎么获取url中传递的参数，请看下面的代码： function QueryString(key) { var reg= new RegExp (key + "=([^&amp;#]*)","i"); var value = reg.exec(location.href); if ( value == null )...
RegExp Object
tanrunfang的博客
01-05 291
RegExp 对象用于规定在文本中检索的内容。 什么是 RegExp？ RegExp 是正则表达式的缩写。 当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。 简单的模式可以是一个单独的字符。 更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。 您可以规定字符串中的检索位置，以及要检索的字符类型，等等。
JavaScript RegExp Object
SlimApp
07-16 647
RegExp, is short for regular expression.Complete RegExp Object ReferenceFor a complete reference of all the properties and methods that can
RegExp对象方法
99的博客
12-06 1859
test()方法：该方法用于检测一个字符串是否匹配某个模式；  基本语法：RegExpObject.test(str);    @param(参数) str是需要检测的字符串；    @return (返回值) 如果字符串str中含有与RegExpObject匹配的文本的话，返回true，否则返回false； var str = "longen and yunxi"; console.lo
JS之RegExp对象(正则对象).
Shawn派大星
03-11 327
常用匹配模式 g (全局匹配,找到所有匹配，而不是在第一个匹配后停止) i (忽略大小写) 注意 正则放到引号内 { } 内的逗号后面不要加空格 // 创建正则对象方式 1 var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9_]{5,11}$"); // 匹配用户名只能是英文字母、数字和_，并且首字母必须是英文字母, 长度最短不能少于6位, 最长不能超过12位。 reg1.test("shawn_1111") // true // 创建正则对象的方
Js-RegExp.rar_javascript_regexp
09-23
在JavaScript中，正则表达式通常与`RegExp`对象一起使用，它们在处理和验证用户输入、数据提取以及文本格式化等方面发挥着重要作用。 在"Js-RegExp.rar_javascript_regexp"这个压缩包中，包含的两个文件——"正则...
Prototype RegExp对象 学习
09-05
然而，对于`Prototype RegExp对象`，它并不像其他常见的JavaScript对象那样在官方的帮助文档中被详细阐述。实际上，`RegExp`对象在源代码中确实存在一些额外的方法，尽管它们可能不那么常用，但理解这些方法对于深入...
JavaScript RegExp 对象用法详解
10-16
JavaScript RegExp对象用法详解 1. 正则表达式概念与作用：JavaScript中的RegExp对象是一种模式，用于匹配字符串中的字符组合。正则表达式可用于文本搜索、替换和验证输入。基本模式可以是一个单独的字符，复杂模式...
RegExp对象详解
精彩人生
03-17 399
JavaScript中的每个正则表达式都是一个对象，同其他的对象一样。RegExp对象还有一些属性，RegExp实例和构造函数都有属性和方法。两者的属性在创建模式和进行测试的时候都会发生改变。      （一） 实例属性       RegExp的实例有一些开发人员可以使用的属性：       global——Boolean值，表示g（全局选项）是否已设置。       ignoreCas
JavaScript对象之正则表达式-RegExp
纸上得来终觉浅，绝知此事要躬行
08-24 1292
正则表达式在很多地方都会用到，应用最多的就是JS的表达验证，下面来学习怎么使用正则表达式。在JavaScript中用RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。 RegExp正则表达式语法 new RegExp(pattern, attributes); 参数 1.参数pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。 2.参数 attr
JavaScript之RegExp（正则表达式）
阿毅
04-28 758
开心一笑提出问题JavaScript中的正则表达式类RegExp常用方法和如何简单使用？解决问题显式构造函数new RegExp(pattern, attributes);参数 pattern 是一个字符串参数 attributes 是一个可选的字符串。如果 pattern 是正则表达式，而不是字符串，则必须省略该参数attributes可有的属性有：i 执行对大小写不敏感的匹配。g 执行全
JavaScript中的RegExp（正则）对象
dreamingbaobei的博客
05-18 401
RegExp是正则表达式（regular expression）的简写，正则表达式是表达文本结构的一种方法。 正则表达式对前端来说很重要，常见的应用场景为`验证`、`替换`、`提取`。最典型的应用场景是在页面中对用户的输入进行验证，涉及到系统安全和用户体验，这些非常重要。
js 正则表达式 RegExp 对象
青蛙king的博客
03-09 709
目录 前言 一、正则表达式规则 1、定位符 2、修饰符 3、量词 4、其他元字符 二、RegExp 对象的属性和方法 1、属性 2、方法 三、支持正则表达式的 String 对象的方法 四、创建一个正则表达式 前言 正则表达式用于操作字符串。 基本样式： 一、正则表达式规则 1、定位符 字符 描述 ^ 匹配输入字符串开始的位置。如果设置了 Re...
js特殊对象 - RegExp对象（正则表达式）
最新发布
weixin_46098612的博客
04-27 2127
正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，获取将字符串中符合规则的内容提取出来。使用typeof检查正则对象，会返回object。
前端点滴（JS基础）（四）---- RegExp 对象
授人以鱼
01-08 410
前端点滴（JS基础）（四）----倾尽所有JavaScript 内置对象（三）RegExp 对象1. RegExp 对象实例2. RegExp 对象—— modifiers（修饰符）（1）i 执行对大小写不敏感的匹配。（2）g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。（3）m 执行多行匹配。3. RegExp 对象—— pattern（模式）（1）RegExp 对象方括号1. [...
RegExp 对象
qq_41988669的博客
11-27 641
search()【只会查找第一个】——搜索字符串中是否含有指定内容。如果搜索到指定内容，则会返回第一次出现的索引；原文链接：https://juejin.cn/post/6844903816781889543。如果正则表达式带有g修饰符，则每一次test方法都从上一次结束的位置开始向后匹配。使用·typeof·检查正则对象，会返回·object·正则表达式默认会匹配贪婪模式（尽可能多的匹配）。验证手机号码,如13908653654。str：要匹配正则表达式的字符串。找到一个或多个正则表达式的匹配。
JavaScript RegExp对象详解与应用示例
在JavaScript中，RegExp对象是用于处理正则表达式的内置对象。正则表达式可以直接通过斜杠包围的模式创建，如`/s$/`，或者使用`new RegExp()`构造函数，如`new RegExp("s$")`。这两种方式都可以创建匹配以字母"s...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值