手机版

JavaScript中正则表达式的概念和应用

时间:2021-09-03 来源:互联网 编辑:宝哥软件园 浏览:

今天,我将与大家分享一些关于正则表达式及其在javascript中的应用的知识。正则表达式简单但不简单。比如我老师之前跟我们讲的时候,说二三十分钟就能掌握。一旦没有介绍,几天就补充不了。所以一开始我就认真学习研究。没想到正则表达式不仅代码简洁,而且在实际操作中也为前端工程师省去很多麻烦。众所周知,当用户浏览页面时,处理数据的唯一方式就是表单。实际上有很多方法来验证表单。接下来我给大家分享两种方法,一种是常用且繁琐的方法,另一种是正则表达式。让我们看看它能给表单带来什么效果。

首先,让我们看看常规版本:

个人觉得方法太土了,就是刚开始学的时候做的一个简单的表单效果,没有添加CSS样式表。

让我们看看升级后的正则表达式:

让我们来看看正则表达式。

正则表达式是描述字符模式的对象,也称为正常表示和常规表示

正则表达式使用单个字符串来描述和匹配一系列符合特定语法规则的字符串。在许多文本编辑器中,正则表达式通常用于检索和替换符合特定模式的文本。

正则表达式的特点如下:1。它非常灵活、有逻辑、有功能;2.字符串的复杂控制可以通过非常简单的方式快速实现。3.对于刚认识的人来说,这相当晦涩难懂。

定义正则表达式1:正常模式varreg=/expression/附加参数reg.test(v.value)

2:构造函数模式var reg=new RegExp ('expression ','附加参数)var reg=new RegExp(' China ');

表达模式1:简单模式var reg=/China/;2:符合varreg=/\ w $/的模式;var reg=/^\[emailprotected]\w[a-za-z]{ 2,3}(。[a-zA-Z]{2,3})?$/;

RegExp对象的方法exec检索正则表达式的字符分配,返回找到的值,并确定其位置。test检索字符串中指定的值,并返回true或false exec方法:如果没有找到匹配项,返回值为null;如果找到匹配项,将返回一个结果数组。/…

{n}匹配前一项n次{n,}匹配前一项n次,或者{n,m}匹配前一项至少n次,但不超过m次*匹配前一项0次或更多次,相当于{0,}匹配前一项一次或更多次,相当于{1,}?将前一项匹配0或1次,这意味着前一项是可选的,相当于{0,1}

X|y匹配x或Y.

例如,“z|food”可以匹配“z”或“food”。“(z|f)食物”匹配“缩放”或“食物”。[xyz]字符集。匹配任何一个包含的字符。例如,“[abc]”可以匹配“普通”中的“a”。[a-z]字符范围。匹配指定范围内的任何字符。例如,“[a-z]”可以匹配“a”到“z”范围内的任何小写字母字符。请注意,只能在连字符位于字符组内部且出现在两个字符之间时表示字符范围;如果显示字符集的开头,它只能代表连字符本身。(pattern)匹配该模式并获得该匹配。获得的matches可以从生成的Matches集合中获得,该集合在VBScript中使用,在JScript中使用$0…$9属性。要匹配括号字符,请使用“\”(或“\”)。

版权声明:JavaScript中正则表达式的概念和应用是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。