`

JS的正则表达式(三)

阅读更多

边界与非边界\b表示的边界的意思,也就是说,只有字符串的开头和结尾才算数。例如/\bc/就表示字符串开始的c或者是结尾的c。看下面的例子:

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /\bc/;
		str='crazy';
		execReg(reg,str);
</script>

 返回结果c。匹配到了左边界的c字符。

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /\bc/;
		str='维生素c';
		execReg(reg,str);
</script>

 仍然返回c,不过这次返回的是右侧边界的c。

 

reg = /\bc/;
str='bcb';
execReg(reg,str);
 

这次匹配失败,因为bcb字符串中的c被夹在中间,既不在左边界也不再右边界。

与\b对应\B表示非边界。例如:

reg = /\Bc/;
str='bcb';
execReg(reg,str);

 这次会成功地匹配到bcb中的c。然而

\B值匹配非边界

 

数字与非数字

\d表示数字的意思,相反,\D表示非数字。例如:

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /\d/;
		str='crazy8';
		execReg(reg,str)
</script>

 返回的匹配结果为8,因为它是第一个数字字符。

reg = /\D/;
str='crazy8';
execReg(reg,str);

 返回c,第一个非数字字符。

空白

\f匹配换页符,\n匹配换行符,\r匹配回车,\t匹配制表符,\v匹配垂直制表符。

\s匹配单个空格,等同于[\f\n\r\t\v]。例如:

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /\s.+/;
		str='This is a test  String.';
		execReg(reg,str);
</script>

 返回“is a test String.”,正则的意思是匹配第一个空格以及其后的所有非换行字符。

同样,\S表示非空格字符。

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /\S+/;
		str='This is a test  String.';
		execReg(reg,str);
</script>

 匹配结果为This,当遇到第一个空格之后,正则就停止匹配了。

 

单词字符

\w表示单词字符,等同于字符集合[a-zA-Z0-9_]。例如:

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /\w+/;
		str='blueidea';
		execReg(reg,str);
</script>

 返回完整的blueidea字符串,因为所有字符都是单词字符。

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /\w+/;
		str='.className';
		execReg(reg,str);
</script>

 结果显示匹配了字符串中的className,只有第一个“.”——唯一的非单词字符没有匹配。

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /\w+/;
		str='中文如何?';
		execReg(reg,str);
</script>
 

试图用单词字符去匹配中文自然行不通了,返回null。

\W表示非单词字符,等效于[^a-zA-Z0-9_]

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /\W+/;
		str='中文如何?';
		execReg(reg,str);
</script>

 返回完整的字符串,因为,无论是中文和“?”都算作是非单词字符。

 

反向引用

形式如下:/(子正则表达式)\1/

依旧用例子来说明:

1.

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /\w/;
		str='crazygrass';
		execReg(reg,str);
</script>
 

返回b。

2.

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /(\w)(\w)/;
		str='crazygrass';
		execReg(reg,str);
</script>

 返回结果:cr,c,r

cr是整个正则匹配的内容,c是第一个括号里的子正则表达式匹配的内容,r是第二个括号匹配的内容。

3.

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /(\w)\1/;
		str='crazygrass';
		execReg(reg,str);
</script>
 

则会返回null。这里的“\r”就叫做反向引用,它表示的是第一个括号内的字正则表达式匹配的内容。在上面的例子中,第一个括号里的(\w)匹配了b,因此“\r”就同样表示b了,在余下的字符串里自然找不到b了。

与第二个例子对比就可以发现,“\r”是等同于“第1个括号匹配的内容”,而不是“第一个括号的内容”。

 

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
	  	reg = /(\w)\1/;
		  str='ccrazygrass';
		  execReg(reg,str);
</script>

 这个正则则会匹配到cc.输出结构为 cc,c

同样,前面有几个子正则表达式我们就可以使用几个反向引用。例如:

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
	  	reg = /(\w)(\w)\2\1/;
			str='woow';
			execReg(reg,str);
</script>

 会匹配成功,因为第一个括号匹配到w,第二个括号匹配到o,而\2\1则表示ow,恰好匹配了字符串的最后两个字符

输出为:woow,w,o

 

 

0
0
分享到:
评论

相关推荐

    javascript正则表达式迷你书 (1).pdf

    JavaScript 正则表达式迷你书 本书是 JavaScript 正则表达式的入门级教程,旨在帮助读者快速掌握正则表达式的基本概念和应用。下面是本书的知识点摘要: 第一章:正则表达式字符匹配攻略 * 两种模糊匹配:横向...

    jq非空验证,js正则表达式验证邮箱和手机号码

    JavaScript正则表达式是用于匹配字符串模式的强大工具。在验证邮箱和手机号码时,我们需要创建符合特定规则的正则表达式。对于邮箱验证,通常的正则表达式如下: ```javascript var emailRegex = /^[a-zA-Z0-9._%...

    js正则表达式(姓名、证件号码)

    js正则表达式,按甲方(银行)提供的个人证件信息采集规则编写的对应正则表达式

    js正则表达式限制文本框只能输入数字,能输小数点.

    ### 正则表达式在JavaScript中的应用:限制文本框只能输入数字及小数点 在Web开发中,经常需要对用户输入的数据进行合法性验证。为了确保数据格式正确且符合预期,开发者通常会在前端使用JavaScript结合HTML来实现...

    Java使用正则表达式提取XML节点内容的方法示例

    1. JavaScript正则表达式在线测试工具:http://tools.jb51.net/regex/javascript 2. 正则表达式在线生成工具:http://tools.jb51.net/regex/create_reg 这些工具可以帮助开发者快速测试和生成正则表达式,从而提高...

    正则表达式必知必会v_1.0.pdf

    "正则表达式必知必会" 正则表达式是一种强大的文本处理工具,广泛应用于各个领域。下面是对正则表达式的详细解释: 正则表达式的用途 正则表达式主要用于处理文本,提供了两大主要功能:查找和替换。查找功能允许...

    JavaScript正则表达式匹配 div style标签

    在JavaScript中,正则表达式以斜杠“/”包围的形式出现,例如`/pattern/flags`。在处理HTML文档时,经常会遇到需要从HTML代码中提取特定信息的情况,比如从一段字符串中匹配`&lt;div&gt;`和`&lt;style&gt;`标签。 在进行正则...

    精通正则表达式(第三版)简体中文版

    - **JavaScript中的正则表达式**:JavaScript的正则表达式对象提供了丰富的功能,包括全局匹配、忽略大小写等选项。 - **.NET框架中的正则表达式**:通过System.Text.RegularExpressions命名空间提供支持。 #### 六...

    JavaScript正则表达式迷你书

    《JavaScript正则表达式迷你书》是一本关于JavaScript正则表达式的专业书籍,正则表达式是处理字符串的强大工具,广泛应用于编程语言中的文本处理。本书从字符匹配、位置匹配、括号的作用、回溯法原理、拆分、构建和...

    javascript正则表达式综合练习

    JavaScript正则表达式是编程语言中的一个重要组成部分,用于处理文本模式匹配和字符串操作。这篇博客“javascript正则表达式综合练习”可能是一个实践教程或示例集合,旨在帮助开发者提升在JavaScript中使用正则...

    JS正则表达式葵花宝典

    "JS正则表达式葵花宝典"深入讲解了正则表达式的使用技巧和高级特性,特别是针对URL验证的正则表达式,以及递归匹配和非贪婪匹配的概念。 首先,我们来谈谈URL验证的正则表达式。一个完整的URL通常包含协议(如http...

    js正则表达式校验数字、email、身份证号等

    js正则表达式校验数字、email、身份证号等

    js_正则表达式全攻略

    ### 正则表达式在JavaScript中的应用全攻略 #### 一、正则表达式的概念及其在JavaScript中的重要性 正则表达式(Regular Expression)是一种强大的文本处理工具,能够帮助开发者进行复杂的字符串搜索和替换。在...

    常用正则表达式大全.txt

    根据提供的文件信息,我们可以整理出一系列与正则表达式相关的知识点。这些知识点涵盖了从基本的数字验证到复杂的字符串匹配等多个方面。下面是详细的知识点总结: ### 基本概念 正则表达式是一种用于文本模式匹配...

    js正则表达式详解

    ### js正则表达式详解 #### 一、正则表达式基础知识 正则表达式是一种强大的文本处理工具,被广泛应用于各种编程语言中,用于文本的查找与替换、验证等场景。JavaScript同样支持正则表达式的使用,并且具有非常...

    三目运算符+正则表达式

    在编程世界中,三目运算符和正则表达式是两个非常重要的概念,它们各自扮演着独特的角色,同时也常被结合起来使用,以提高代码的简洁性和效率。让我们深入探讨这两个主题。 首先,三目运算符,也称为条件运算符,是...

    JS只能输入数字,数字和字母等的正则表达式

    在JavaScript(JS)中,正则表达式是一种强大的工具,用于匹配、查找、替换和验证字符串中的模式。本文将深入探讨如何使用正则表达式来限制用户在HTML文本框中只能输入数字和字母。 首先,我们需要理解正则表达式的...

Global site tag (gtag.js) - Google Analytics