javascript笔记之正则表达式ji

最新推荐文章于 2022-05-02 22:54:22 发布

郭晓小小

最新推荐文章于 2022-05-02 22:54:22 发布

阅读量1.4w

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript学习文章标签： javascript 正则表达式

本文链接：https://blog.youkuaiyun.com/u010057430/article/details/49490021

javascript学习专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了正则表达式的创建方法、属性及基本函数，并解释了如何使用各种元字符进行匹配，包括贪婪与惰性量词的区别，以及多行模式的应用。

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

RegExp

两种创建方法：1.字面量 var test=/\[bc\]at/i; 2、var test= new RegExp("\\[bc\\]at","i");

//双重转义的问题：
var str = "\?";  
alert(str);//只会输出?  
var re = /\?/;//将匹配?  
alert(re.test(str));//true  
re = new RegExp("\?");//出错,因为这相当于re = /\?/  
re = new RegExp("\\?");//正确，将匹配？  
alert(re.test(str));//true  
est.test(字符串)返回true和false
est.exec(字符串)返回第一次匹配的内容。

RegExp对象属性：

global、ignoreCase、

lastIndex（下一次匹配的开始位置，当设置的长度大于字符串长度使，下次执行exec（）重新设置为0）、lastMatch（即 $&，最后匹配的字符串）、

leftContext （返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符) 、

rigthContext（返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符）

multiline、source（正则表达式的字符串表示）

基本函数：

exec()

    var str = "cat,bat,fat,dat";
    var test = /.at/g;
    for(result =test.exec(str);result;result =test.exec(str)){
        console.log(result);
        console.log(result[0]);//匹配的字符串<span style="font-family: Arial, Helvetica, sans-serif;">    }</span>

test() 返回true和false

基本匹配

（）捕获字符串，创建匹配子串

^匹配开始位置，在[^]表示负字符集。

$以该字符串结束

\s匹配任何空白字符，包括空格、制表符、换页符等

[]匹配指定范围内任意字符

\d表示数字

\b表示单词边界

search方法无需指定global属性，默认第一次匹配成功后返回
正则表达式与match配合匹配指定字符串
元字符 ( [ { \ ^ $ | ) ? * +

字符描述

\n 换行符

\r 回车符

\t 制表符

\f 换页符（Tab）

\cX 与X对应的控制字符

\b 退格符(BackSpace)

\v 垂直制表符

\0 空字符("")

面是正则表达式中的预定义类

代码等同于匹配

. IE下[^\n]，其它[^\n\r] 匹配除换行符之外的任何一个字符

\d [0-9] 匹配数字

\D [^0-9] 匹配非数字字符

\s [ \n\r\t\f\x0B] 匹配一个空白字符

\S [^ \n\r\t\f\x0B] 匹配一个非空白字符

\w [a-zA-Z0-9_] 匹配字母数字和下划线

\W [^a-zA-Z0-9_] 匹配除字母数字下划线之外的字符

量词(下表量词单个出现时皆是贪婪量词)

代码描述

* 匹配前面的子表达式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo"。 * 等价于{0,}。

+ 匹配前面的子表达式一次或多次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等价于 {1,}。

? 匹配前面的子表达式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等价于 {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?'。请注意在逗号和两个数之间不能有空格。

贪婪量词和惰性量词：

•用贪婪量词进行匹配时，它首先会将整会字符串当成一个匹配，如果匹配的话就退出，如果不匹配，就截去最后一个字符进行匹配，如果不匹配，继续将最后一个字符截去进行匹配，直到有匹配为止。直到现在我们遇到的量词都是贪婪量词

•用惰性量词进行匹配时，它首先将第一个字符当成一个匹配，如果成功则退出，如果失败，则测试前两个字符，依些增加，直到遇到合适的匹配为止

惰性量词仅仅在贪婪量词后面加个"?"而已,如"a+"是贪婪匹配的,"a+?"则是惰性的

验证邮件的正则表达式：

var re = /^\w{1,15}(?:@(?!-))(?:(?:[a-z0-9-]*)(?:[a-z0-9](?!-))(?:\.(?!-)))+[a-z]{2,4}$/;

<!DOCTYPE html>
<html ng-app="ylApp">
<head lang="zh">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <title>javascript编程技术</title>
</head>
<body>
<script>
    var test = "catgatfatbat";
    var par1 = /.at/;//设置global与不设置global的都是返回一条记录，
                     // 但是区别在于，如果不设置global每次查找都从字符串头开始，如果设置global则从上一次查找末尾开始。
    var match = par1.exec(test);
    console.log(match.index);
    console.log(match[0]);
    console.log(par1.lastIndex);

    var match = par1.exec(test);
    console.log(match.index);
    console.log(match[0]);
    console.log(par1.lastIndex);

    var match = par1.exec(test);
    console.log(match.index);
    console.log(match[0]);
    console.log(par1.lastIndex);

    var str = "My name is CJ.Hello everyone!";
    var re = /[A-Z]/;//匹配所有大写字母
    var arr = str.match(re);//返回数组
    alert(arr);//数组中只会包含一个M,因为我们没有使用全局匹配
    re = /[A-Z]/g;
    arr = str.match(re);
    alert(arr);//M,C,J,H
    //——————————————————————————————————————从字符串中抽取单词——————————————————————————————————————
    re = /\b[a-z]*\b/gi;//\b表示单词边界
    str = "one two three four";
    alert(str.match(re));//one,two,three,four

    //input 最后用于匹配的字符串（传递给test,exec方法的字符串）
    var re = /[A-Z]/;
    var str = "Hello,World!!!";
    var arr = re.exec(str);
    alert(RegExp.input);//Hello,World!!!
    re.exec("tempstr");
    alert(RegExp.input);//仍然是Hello,World!!!,因为tempstr不匹配
    //lastMatch 最后匹配的字符
    re = /[a-z]/g;
    str = "hi";
    re.test(str);
    alert(RegExp.lastMatch);//h
    re.test(str);
    alert(RegExp["$&"]);//i  ,$&是lastMatch的短名字，但由于它不是合法变量名，所以要。。
    //lastParen 最后匹配的分组
    re = /[a-z](\d+)/gi;
    str = "Class1 Class2 Class3";
    re.test(str);
    alert(RegExp.lastParen);//1
    re.test(str);
    alert(RegExp["$+"]);//2
    //leftContext  返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符
    //rigthContext 返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符
    re = /[A-Z]/g;
    str = "123ABC456";
    re.test(str);
    alert(RegExp.leftContext);//123
    alert(RegExp.rightContext);//BC456
    re.test(str);
    alert(RegExp["$`"]);//123A
    alert(RegExp["$'"]);//C456

    //--------------------------------贪婪量词与惰性量词--------------------------------
    var str = "abc";
    var re = /\w+/;//将匹配abc
    re = /\w+?/;//将匹配a

    //-----------------------------------多行模式----------------------------------------
    //notice:str.replace()不会对元字符串发生改变，多行m模式下需要与g配合使用，不然只检测首个匹配
    var str = "abc\ncdefg";
    var re1 = /[a-z]$/;
    console.log(str.replace(re1,'#'));
    var str = "abc\ncdefg";
    var re2 = /[a-z]$/mg;
    console.log(str.replace(re2,'#'));

</script>
</body>
</html>