JavaScript 正则表达式

本文深入探讨JavaScript正则表达式的创建与应用,包括模式匹配、文本检索与替换的技巧,以及常见正则表达式的实例,如邮政编码验证、文件类型识别等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Ⅰ.什么是正则表达式

正则表达式(regular expression)是一个描述字符模式的对象,ECMAScript的RegExp 类表示正则表达式,而String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。
正则表达式主要用来验证客户端的输入数据。用户填写完表单单击按钮之后,表单就会
被发送到服务器,在服务器端通常会用PHP、ASP.NET、JSP等服务器脚本对其进行进一步处理。因为客户端验证,可以节约大量的服务器端的系统资源,并且提供更好的用户体验。

Ⅱ.创建正则表达式

创建正则表达式和创建字符串类似,创建正则表达式提供了两种方法,一种是采用new
运算符,另一个是采用字面量方式。

1、两种创建方式
var box = new RegExp(‘box’); //第一个参数字符串
var box = new RegExp(‘box’, ‘ig’); //第二个参数可选模式修饰符

模式修饰符的可选参数:

参数含义
i忽略大小写
g全局匹配
m多行匹配

var box = /box/; //直接用两个反斜杠
var box = /box/ig; //在第二个斜杠后面加上模式修饰符

2、测试正则表达式
RegExp对象包含两个方法:test()和exec(),功能基本相似,用于测试字符串匹配。test()方法在字符串中查找是否存在指定的正则表达式并返回布尔值,如果存在则返回true,不存在则返回false。exec()方法也用于在字符串中查找指定正则表达式,如果exec()方法执行成功,则返回包含该查找字符串的相关信息数组。如果执行失败,则返回null。

RegExp对象的方法:

方法功能
test在字符串中测试模式匹配,返回true 或false
exec在字符串中执行匹配搜索,返回结果数组

3、使用字符串的正则表达式方法
除了test()和exec()方法,String 对象也提供了4 个使用正则表达式的方法。
String 对象中的正则表达式方法

方法含义
match(pattern)返回pattern 中的子串或null
replace(pattern, replacement)用replacement 替换pattern
search(pattern)返回字符串中pattern 开始位置
split(pattern)返回字符串按指定pattern 拆分的数组

Ⅲ.获取控制

正则表达式元字符是包含特殊含义的字符。它们有一些特殊功能,可以控制匹配模式的
方式。反斜杠后的元字符将失去其特殊含义。

字符类:单个字符和数字

元字符/元符号匹配情况
.匹配除换行符外的任意字符
[a-z0-9]匹配括号中的字符集中的任意字符
[^a-z0-9]匹配任意不在括号中的字符集中的字符
\d匹配数字
\D匹配非数字,同[^0-9]相同
\w匹配字母和数字及_
\W匹配非字母和数字及_

字符类:空白字符

元字符/元符号匹配情况
\0匹配null 字符
\b匹配空格字符
\n匹配换行符
\r匹配回车字符
\t匹配制表符
\s匹配空白字符、空格、制表符和换行符
\S匹配非空白字符

字符类:锚字符

元字符/元符号匹配情况
^行首匹配
$行尾匹配

字符类:重复字符

元字符/元符号匹配情况
x?匹配0个或1 个x
x*匹配0个或任意多个x
x+匹配至少一个x
(xyz)+匹配至少一个(xyz)
x{m,n}匹配最少m个、最多n个x

字符类:记录字符

元字符/元符号匹配情况
(string)用于反向引用的分组
\1 或$1匹配第一个分组中的内容
\2 或$2匹配第二个分组中的内容
\3 或$3匹配第三个分组中的内容

Ⅳ.常用的正则表达式整理

//1、检查邮政编码
var pattern = /[1-9][0-9]{5}/; //共6 位数字,第一位不能为0
var str = '224000';
alert(pattern.test(str));

//2、检查文件压缩包
var pattern = /[\w]+\.zip|rar|gz/; //\w 表示所有数字和字母加下划线
var str = '123.zip'; //\.表示匹配.,后面是一个选择
alert(pattern.test(str));

//3、删除多余空格
var pattern = /\s/g; //g 必须全局,才能全部匹配
var str = '111 222 333';
var result = str.replace(pattern,''); //把空格匹配成无空格
alert(result);

//4、删除空格
var pattern = /^\s+/;
var str = ' goo gle ';
alert(str+"  "+str.length);
var result = str.replace(pattern, '');
alert(result+" "+result.length);
pattern = /\s+$/;
result = result.replace(pattern, '');
alert(result+" "+result.length);
pattern = /\s+/g;
result = result.replace(pattern, '');
alert(result+" "+result.length);

//5、简单的电子邮件验证
var pattern = /^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-9_\.\-]+)\.([a-zA-Z]{2,4})$/;
var str = 'yc60.com@gmail.com';
alert(pattern.test(str));
var pattern = /^([\w\.\-]+)@([\w\.\-]+)\.([\w]{2,4})$/;
var str = 'yc60.com@gmail.com';
alert(pattern.test(str));
//需要注意的是以上是简单电子邮件验证,复杂的要比这个复杂很多
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值