javascript 正则表达式

本文介绍了JavaScript中的正则表达式,包括其定义、使用正则表达式的原因以及实际应用。通过实例展示了如何使用match和test方法进行字符串验证,如电话号码、邮箱、身份证、QQ号和国内电话号的正则匹配。

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

什么是正则表达式?

正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。
简单来说:就是进行与数据相关的工作(数据采集,数据过滤,数据校验等)。

为什么要用正则表达式?

(因为真的很方便!!!)这里举一个小案例。
1判断一个字符串中是否有数字?如果有,返回true;否则返回false.
正常方法:
遍历字符串,判断每个字符,将字符转换数字,非数字的话还需要转化。。。

function containsNumber(str) {
    for(var i=0;i<str.length;i++){
        var value=parseInt(str.charAt(i));
        if(!isNaN(value))
        {
            return true;
        }
    }
    return false;
}   

正则表达式方法

 function containsNumber(str)
  {
        var d=/\d/;
        return d.test(str);
        }

完全ko传统方法,简单快捷高效…

正则表达式怎么用

下图是所有的元字符,是不是很多?其实经常用的不太多。要写出漂亮的正则表达式,这个一定要记牢。
正则表达式 - 元字符
下表包含了元字符的完整列表以及它们在正则表达式上下文中的行为:

字符描述
\将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如,‘n’ 匹配字符 “n”。’\n’ 匹配一个换行符。序列 ‘\’ 匹配 “” 而 “(” 则匹配 “(”。
^匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 ‘\n’ 或 ‘\r’ 之后的位置。
$匹配输入字符串的结束位置。如果设置了RegExp 对象的 Multiline 属性,$ 也匹配 ‘\n’ 或 ‘\r’ 之前的位置。
*匹配前面的子表达式零次或多次。例如,zo* 能匹配 “z” 以及 “zoo”。* 等价于{0,}。
+匹配前面的子表达式一次或多次。例如,‘zo+’ 能匹配 “zo” 以及 “zoo”,但不能匹配 “z”。+ 等价于 {1,}。
?匹配前面的子表达式零次或一次。例如,“do(es)?” 可以匹配 “do” 或 “does” 。? 等价于 {0,1}。
{n}n 是一个非负整数。匹配确定的 n 次。例如,‘o{2}’ 不能匹配 “Bob” 中的 ‘o’,但是能匹配 “food” 中的两个 o。
{n,}n 是一个非负整数。至少匹配n 次。例如,‘o{2,}’ 不能匹配 “Bob” 中的 ‘o’,但能匹配 “foooood” 中的所有 o。‘o{1,}’ 等价于 ‘o+’。‘o{0,}’ 则等价于 ‘o*’。
{n,m}m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。例如,“o{1,3}” 将匹配 “fooooood” 中的前三个 o。‘o{0,1}’ 等价于 ‘o?’。请注意在逗号和两个数之间不能有空格。
?当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时,匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串,而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如,对于字符串 “oooo”,‘o+?’ 将匹配单个 “o”,而 ‘o+’ 将匹配所有 ‘o’。
.匹配除换行符(\n、\r)之外的任何单个字符。要匹配包括 ‘\n’ 在内的任何字符,请使用像"(.
(pattern)匹配 pattern 并获取这一匹配。所获取的匹配可以从产生的 Matches 集合得到,在VBScript 中使用 SubMatches 集合,在JScript 中则使用 $0…$9 属性。要匹配圆括号字符,请使用 ‘(’ 或 ‘)’。
(?:pattern)匹配 pattern 但不获取匹配结果,也就是说这是一个非获取匹配,不进行存储供以后使用。这在使用 “或” 字符 (
(?=pattern)正向肯定预查(look ahead positive assert),在任何匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配,也就是说,该匹配不需要获取供以后使用。例如,"Windows(?=95
(?!pattern)正向否定预查(negative assert),在任何不匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配,也就是说,该匹配不需要获取供以后使用。例如"Windows(?!95
(?<=pattern)反向(look behind)肯定预查,与正向肯定预查类似,只是方向相反。例如,"(?<=95
(?<!pattern)反向否定预查,与正向否定预查类似,只是方向相反。例如"(?<!95
[xyz]字符集合。匹配所包含的任意一个字符。例如, ‘[abc]’ 可以匹配 “plain” 中的 ‘a’。
[^xyz]负值字符集合。匹配未包含的任意字符。例如, ‘[^abc]’ 可以匹配 “plain” 中的’p’、‘l’、‘i’、‘n’。
[a-z]字符范围。匹配指定范围内的任意字符。例如,’[a-z]’ 可以匹配 ‘a’ 到 ‘z’ 范围内的任意小写字母字符。
[^a-z]负值字符范围。匹配任何不在指定范围内的任意字符。例如,’[^a-z]’ 可以匹配任何不在 ‘a’ 到 ‘z’ 范围内的任意字符。
\b匹配一个单词边界,也就是指单词和空格间的位置。例如, ‘er\b’ 可以匹配"never" 中的 ‘er’,但不能匹配 “verb” 中的 ‘er’。
\B匹配非单词边界。‘er\B’ 能匹配 “verb” 中的 ‘er’,但不能匹配 “never” 中的 ‘er’。
\cx匹配由 x 指明的控制字符。例如, \cM 匹配一个 Control-M 或回车符。x 的值必须为 A-Z 或 a-z 之一。否则,将 c 视为一个原义的 ‘c’ 字符。
\d匹配一个数字字符。等价于 [0-9]。
\D匹配一个非数字字符。等价于 [^0-9]。
\f匹配一个换页符。等价于 \x0c 和 \cL。
\n匹配一个换行符。等价于 \x0a 和 \cJ。
\r匹配一个回车符。等价于 \x0d 和 \cM。
\s匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。
\S匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。
\t匹配一个制表符。等价于 \x09 和 \cI。
\v匹配一个垂直制表符。等价于 \x0b 和 \cK。
\w匹配字母、数字、下划线。等价于’[A-Za-z0-9_]’。
\W匹配非字母、数字、下划线。等价于 ‘[^A-Za-z0-9_]’。
\xn匹配 n,其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如,’\x41’ 匹配 “A”。’\x041’ 则等价于 ‘\x04’ & “1”。正则表达式中可以使用 ASCII 编码。
\num匹配 num,其中 num 是一个正整数。对所获取的匹配的引用。例如,’(.)\1’ 匹配两个连续的相同字符。
\n标识一个八进制转义值或一个向后引用。如果 \n 之前至少 n 个获取的子表达式,则 n 为向后引用。否则,如果 n 为八进制数字 (0-7),则 n 为一个八进制转义值。
\nm标识一个八进制转义值或一个向后引用。如果 \nm 之前至少有 nm 个获得子表达式,则 nm 为向后引用。如果 \nm 之前至少有 n 个获取,则 n 为一个后跟文字 m 的向后引用。如果前面的条件都不满足,若 n 和 m 均为八进制数字 (0-7),则 \nm 将匹配八进制转义值 nm。
\nml如果 n 为八进制数字 (0-3),且 m 和 l 均为八进制数字 (0-7),则匹配八进制转义值 nml。
\un匹配 n,其中 n 是一个用四个十六进制数字表示的 Unicode 字符。例如, \u00A9 匹配版权符号 (?)。
正则表达式的验证方法

有两种方法matchtest.

matchtest
成功返回的是值true
失败返回的是nullfalse
#字符串用法正则对象的用法
match方法验证

如:验证电话号码。
纯数字第一位必须是1开头第二位必须是3、4、5、7、8第三位~第十一只要是数字即可

 var tel = "13492398984";
    var g = tel.match(/^[1][34578][0-9]{9}$/);//括号内为正则表达式
    console.log(g);

结果如图,验证正确,输出值,在这里插入图片描述

var tel = "111111111111";
    var g = tel.match(/^[1][34578][0-9]{9}$/);//括号内为正则表达式
    console.log(g);

结果如图,验证错误,输出null,
在这里插入图片描述

test方法验证

如:验证电话号码。
纯数字第一位必须是1开头第二位必须是3、4、5、7、8第三位~第十一只要是数字即可。

 	var str = "18789469941";
    /*声明正则对象*/
    var reg = new RegExp(/^[1][34578][0-9]{9}$/);//括号里面是正则表达式
    reg.test(str);
    console.log(reg.test(str));

结果如图,验证正确,输出true,
在这里插入图片描述

var str = "1212345342";
    /*声明正则对象*/
    var reg = new RegExp(/^[1][34578][0-9]{9}$/);//括号里面是正则表达式
    reg.test(str);
    console.log(reg.test(str));

*结果如图,验证正确,输出false,
在这里插入图片描述

下面是一些正则的小案例

1.邮箱正则

 var e = "abc_11211@163.com";
    var g1 = e.match(/^([A-Za-z0-9_]+)\@(qq|sina|163)\.(com)$/);
    console.log(g1);

2.身份证正则

var s = "61032419971128133X";
var g2 = s.match(/^(\d{6})(19|20)[0-9]{2}((0[1-9])|(10|11|12))((0\d)|(1\d)|(2\d)|(30|31))(\d{3})(X|\d)$/);
    console.log(g2);

3.QQ号正则

 var qq = 641266551";
    var g1 = qq.match([1-9]([0-9]{4,10}));
    console.log(g1);

4.国内电话号正则

var tel = "13492398984";
    var g = tel.match(/^[1][34578][0-9]{9}$/);
    console.log(g);

5.匹配中文正则

var l = "我是正则";
    var g = l.match(/[\u4e00-\u9fa5]/);
    console.log(g);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值