js html正则解析,JavaScript中的正则表达式解析

JavaScript中的正则表达式解析

更新时间：2006年07月29日 00:00:00   作者：

JavaScript中的正则表达式解析

正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹配或代替一个字符串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。要为一个单独的正则表达式添加属性,可以使用正则表达式构造函数(constructor function)，无论何时被调用的预设置的正则表达式拥有静态的属性(the predefined RegExp object has static properties that are set whenever any regular expression is used, 我不知道我翻得对不对，将原文列出，请自行翻译)。

创建：

一个文本格式或正则表达式构造函数

文本格式： /pattern/flags

正则表达式构造函数： new RegExp("pattern"[,"flags"]);

参数说明：

pattern -- 一个正则表达式文本

flags -- 如果存在，将是以下值：

g: 全局匹配

i: 忽略大小写

gi: 以上组合

[注意] 文本格式的参数不用引号，而在用构造函数时的参数需要引号。如：/ab+c/i new RegExp("ab+c","i")是实现一样的功能。

在构造函数中，一些特殊字符需要进行转意(在特殊字符前加"\")。如：re = new RegExp("\\w+")

正则表达式中的特殊字符

字符 含意

\ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。

-或-

对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。

^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An a"

$ 匹配一个输入或一行的结尾，/a$/匹配"An a"，而不匹配"an A"

* 匹配前面元字符0次或多次，/ba*/将匹配b,ba,baa,baaa

+ 匹配前面元字符1次或多次，/ba*/将匹配ba,baa,baaa

? 匹配前面元字符0次或1次，/ba*/将匹配b,ba

(x) 匹配x保存x在名为$1...$9的变量中

x|y 匹配x或y

{n} 精确匹配n次

{n,} 匹配n次以上

{n,m} 匹配n-m次

[xyz] 字符集(character set)，匹配这个集合中的任一一个字符(或元字符)

[^xyz] 不匹配这个集合中的任何一个字符

[\b] 匹配一个退格符

\b 匹配一个单词的边界

\B 匹配一个单词的非边界

\cX 这儿，X是一个控制符，/\cM/匹配Ctrl-M

\d 匹配一个字数字符，/\d/ = /[0-9]/

\D 匹配一个非字数字符，/\D/ = /[^0-9]/

\n 匹配一个换行符

\r 匹配一个回车符

\s 匹配一个空白字符，包括\n,\r,\f,\t,\v等

\S 匹配一个非空白字符，等于/[^\n\f\r\t\v]/

\t 匹配一个制表符

\v 匹配一个重直制表符

\w 匹配一个可以组成单词的字符(alphanumeric，这是我的意译，含数字)，包括下划线，如[\w]匹配"$5.98"中的5，等于[a-zA-Z0-9]

\W 匹配一个不可以组成单词的字符，如[\W]匹配"$5.98"中的$，等于[^a-zA-Z0-9]。

说了这么多了，我们来看一些正则表达式的实际应用的例子：

E-mail地址验证:

function test_email(strEmail) {

var myReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;

if(myReg.test(strEmail)) return true;

return false;

}

HTML代码的屏蔽

function mask_HTMLCode(strInput) {

var myReg = //;

return strInput.replace(myReg, "");

}

正则表达式对象的属性及方法

预定义的正则表达式拥有有以下静态属性：input, multiline, lastMatch, lastParen, leftContext, rightContext和$1到$9。

其中input和multiline可以预设置。其他属性的值在执行过exec或test方法后被根据不同条件赋以不同的值。

许多属性同时拥有长和短(perl风格)的两个名字，并且，这两个名字指向同一个值。(JavaScript模拟perl的正则表达式)

正则表达式对象的属性 属性 含义

$1...$9 如果它(们)存在，是匹配到的子串

$_ 参见input

$* 参见multiline

$& 参见lastMatch

$+ 参见lastParen

$` 参见leftContext

$'　　　　　　　　　 参见rightContext

constructor　　　 创建一个对象的一个特殊的函数原型

global　　　　　　 是否在整个串中匹配(bool型)

ignoreCase　　　　 匹配时是否忽略大小写(bool型)

input　　　　　　　 被匹配的串

lastIndex　　　　 最后一次匹配的索引

lastParen　　　　 最后一个括号括起来的子串

leftContext　　　 最近一次匹配以左的子串

multiline　　　　 是否进行多行匹配(bool型)

prototype　　　　 允许附加属性给对象

rightContext　　　 最近一次匹配以右的子串

source　　　　　　 正则表达式模式

lastIndex　　　　 最后一次匹配的索引

正则表达式对象的方法

方法 含义

compile　　　　　 正则表达式比较

exec　　　　　　　 执行查找

test　　　　　　　 进行匹配

toSource　　　　　 返回特定对象的定义(literal representing)，其值可用来创建一个新的对象。重载Object.toSource方法得到的。

toString　　　　　 返回特定对象的串。重载Object.toString方法得到的。

valueOf　　　　　 返回特定对象的原始值。重载Object.valueOf方法得到

相关文章

js 匹配多个点的Email地址的代码 例如：xxx@xxx.xxx.xxx.xx2010-04-04

这篇文章主要介绍了Android 2018最新手机号验证正则表达式方法,需要的朋友可以参考下2018-03-03

正则表达式是一个特殊的字符序列，它能帮助你方便的检查一个字符串是否与某种模式匹配。这篇文章主要介绍了python正则表达式的使用(实验代码)，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2019-06-06

最近在做一个通行证的项目，在项目中有这样的需求，注册模块中输入密码需要显示密码强度，今天小编给大家分享JS 密码强度校验的正则表达式，简单好用，需要的朋友参考下2017-01-01

这是一篇翻译文章。我学过很多次正则表达式，总是学了忘，忘了学，一到用的时候还是只能靠搜索引擎2020-05-05

在正则表达式中，可以使用“(”和“)”将模式中的子字符串括起来，以形成一个子模式。将子模式视为一个整体时，那么它就相当于一个单个字符。下面我们就来详细了解下子模式2016-04-04

下面是一段相对全面的用例测试，可以考虑使用，当然，如果你的要求很简单，用网上传的各种简单版，cover到自己的用例就好。2016-10-10

本篇文章给大家介绍notepad用正则表达式自动添加sql引号的技巧，,需要的朋友可以参考下2015-10-10

这篇文章主要介绍了常见的正则表达式问题,需要的朋友可以参考下2015-10-10

正则限制文本输入...2006-07-07

最新评论