javascript快速入门11—正则表达式

    • 测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证
    • 替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字
    • 根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字

    下表是元字符及其在正则表达式上下文中的行为的一个完整参考列表:

    RegExp构造函数第一个参数为正则表达式的文本内容,而第一个参数则为可选项标志.标志可以组合使用

    • g (全文查找)
    • i (忽略大小写)
    • m (多行查找)

    正则表达式还有另一种正则表达式字面量的声明方式

    1. var re = /a/gi;

    正则表达式对象的方法

    • test,返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式。如果存在则返回 true,否则就返回 false。
    • exec,用正则表达式模式在字符串中运行查找,并返回包含该查找结果的一个数组。
    • compile,把正则表达式编译为内部格式,从而执行得更快。
      正则表达式对象的属性

    • source,返回正则表达式模式的文本的复本。只读。

    • lastIndex,返回字符位置,它是被查找字符串中下一次成功匹配的开始位置。
    • $1…$9,返回九个在模式匹配期间找到的、最近保存的部分。只读。
    • input ($_),返回执行规范表述查找的字符串。只读。
    • lastMatch ($&),返回任何正则表达式搜索过程中的最后匹配的字符。只读。
    • lastParen ($+),如果有的话,返回任何正则表达式查找过程中最后括的子匹配。只读。
    • leftContext ($`),返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符。只读。
    • rightContext ($'),返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符。只读。
      String对象一些和正则表达式相关的方法

    • match,找到一个或多个正则表达式的匹配。

    • replace,替换与正则表达式匹配的子串。
    • search,检索与正则表达式相匹配的值。
    • split,把字符串分割为字符串数组。
      测试正则表达式是如何工作的!
    1. //test方法,测试字符串,符合模式时返回true,否则返回false
    2. var re = /he/;//最简单的正则表达式,将匹配he这个单词
    3. var str = "he";
    4. alert(re.test(str));//true
    5. str = "we";
    6. alert(re.test(str));//false
    7. str = "HE";
    8. alert(re.test(str));//false,大写,如果要大小写都匹配可以指定i标志(i是ignoreCase或case-insensitive的表示)
    9. re = /he/i;
    10. alert(re.test(str));//true
    11. str = "Certainly!He loves her!";
    12. alert(re.test(str));//true,只要包含he(HE)就符合,如果要只是he或HE,不能有其它字符,则可使用^和$
    13. re = /^he/i;//脱字符(^)代表字符开始位置
    14. alert(re.test(str));//false,因为he不在str最开始
    15. str = "He is a good boy!";
    16. alert(re.test(str));//true,He是字符开始位置,还需要使用$
    17. re = /^he$/i;//$表示字符结束位置
    18. alert(re.test(str));//false
    19. str = "He";
    20. alert(re.test(str));//true
    21. //当然,这样不能发现正则表达式有多强大,因为我们完全可以在上面的例子中使用==或indexOf
    22. re = /\s/;// \s匹配任何空白字符,包括空格、制表符、换页符等等
    23. str= "user Name";//用户名包含空格
    24. alert(re.test(str));//true
    25. str = "user Name";//用户名包含制表符
    26. alert(re.test(str));//true
    27. re=/^[a-z]/i;//[]匹配指定范围内的任意字符,这里将匹配英文字母,不区分大小写
    28. str="variableName";//变量名必须以字母开头
    29. alert(re.test(str));//true
    30. str="123abc";
    31. alert(re.test(str));//false

    当然,仅仅知道了字符串是否匹配模式还不够,我们还需要知道哪些字符匹配了模式

    1. var osVersion = "Ubuntu 8";//其中的8表示系统主版本号
    2. var re = /^[a-z]+\s+\d+$/i; //+号表示字符至少要出现1次,\s表示空白字符,\d表示一个数字
    3. alert(re.test(osVersion));//true,但我们想知道主版本号
    4. //另一个方法exec,返回一个数组,数组的第一个元素为完整的匹配内容
    5. re=/^[a-z]+\s+\d+$/i;
    6. arr = re.exec(osVersion);
    7. alert(arr[0]);//将osVersion完整输出,因为整个字符串刚好匹配re
    8. //我只需要取出数字
    9. re=/\d+/; var arr = re.exec(osVersion);
    10. alert(arr[0]);//8

    更复杂的用法,使用子匹配

    1. //exec返回的数组第1到n元素中包含的是匹配中出现的任意一个子匹配
    2. re=/^[a-z]+\s+(\d+)$/i;//用()来创建子匹配
    3. arr =re.exec(osVersion);
    4. alert(arr[0]);//整个osVersion,也就是正则表达式的完整匹配
    5. alert(arr[1]);//8,第一个子匹配,事实也可以这样取出主版本号
    6. osVersion = "Ubuntu 8.10";//取出主版本号和次版本号
    7. re = /^[a-z]+\s+(\d+)\.(\d+)$/i;//.是正则表达式元字符之一,若要用它的字面意义须转义
    8. arr = re.exec(osVersion);
    9. alert(arr[0]);//完整的osVersion
    10. alert(arr[1]);//8
    11. alert(arr[2]);//10

    注意,当字符串不匹配re时,exec方法将返回null

    1. //replace方法,用于替换字符串
    2. var str ="some money";
    3. alert(str.replace("some","much"));//much money
    4. //replace的第一个参数可以为正则表达式
    5. var re = /\s/;//空白字符
    6. alert(str.replace(re,"%"));//some%money
    7. //在不知道字符串中有多少空白字符时,正则表达式极为方便
    8. str ="some some \tsome\t\f";
    9. re = /\s+/;
    10. alert(str.replace(re,"#"));//但这样只会将第一次出现的一堆空白字符替换掉
    11. re = /\s+/g;//g,全局标志,将使正则表达式匹配整个字符串
    12. alert(str.replace(re,"@"));//some@some@some@
    13. //另一个与之相似的是split
    14. var str = "a-bd-c"; var arr = str.split("-");//返回["a","bd","c"]
    15. //如果str是用户输入的,他可能输入a-bd-c也可能输入a bd c或a_bd_c,但不会是abdc(这样就说他输错了)
    16. str = "a_db-c";//用户以他喜欢的方式加分隔符s
    17. re=/[^a-z]/i;//前面我们说^表示字符开始,但在[]里它表示一个负字符集
    18. //匹配任何不在指定范围内的任意字符,这里将匹配除字母处的所有字符
    19. arr = str.split(re);//仍返回["a","bd","c"];
    20. //在字符串中查找时我们常用indexOf,与之对应用于正则查找的方法是search
    21. str = "My age is 18.Golden age!";//年龄不是一定的,我们用indexOf不能查找它的位置
    22. re = /\d+/;
    23. alert(str.search(re));//返回查找到的字符串开始下标10
    24. //注意,因为查找本身就是出现第一次就立即返回,所以无需在search时使用g标志
    25. //下面的代码虽然不出错,但g标志是多余的
    26. re=/\d+/g;
    27. alert(str.search(re));//仍然是10

    注意,当search方法没有找到匹配时,将返回-1

    类似于exec方法,String对象的match方法也用于将字符串与正则表达式进行匹配并返回结果数组

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

    RegExp对象实例的一些属性

    每个RegExp对象的实例具有lastIndex属性,它是被查找字符串中下一次成功匹配的开始位置,默认值是-1。 lastIndex 属性被 RegExp 对象的 exec 和 test 方法修改.并且它是可写的.

    1. var re = /[A-Z]/; //exec方法执行后,修改了re的lastIndex属性,
    2. var str = "Hello,World!!!"; var arr = re.exec(str);
    3. alert(re.lastIndex);//0,因为没有设置全局标志
    4. re = /[A-Z]/g;
    5. arr = re.exec(str);
    6. alert(re.lastIndex);//1
    7. arr = re.exec(str);
    8. alert(re.lastIndex);//7

    当匹配失败(后面没有匹配),或lastIndex值大于字符串长度时,再执行exec等方法会将lastIndex设为0(开始位置)

    1. var re = /[A-Z]/; var str = "Hello,World!!!";
    2. re.lastIndex = 120; var arr = re.exec(str);
    3. alert(re.lastIndex);//0

    RegExp对象的静态属性

    1. //input 最后用于匹配的字符串(传递给test,exec方法的字符串)
    2. var re = /[A-Z]/; var str = "Hello,World!!!"; var arr = re.exec(str);
    3. alert(RegExp.input);//Hello,World!!!
    4. re.exec("tempstr");
    5. alert(RegExp.input);//仍然是Hello,World!!!,因为tempstr不匹配
    6. //lastMatch 最后匹配的字符
    7. re = /[a-z]/g;
    8. str = "hi";
    9. re.test(str);
    10. alert(RegExp.lastMatch);//h
    11. re.test(str);
    12. alert(RegExp["$&"]);//i ,$&是lastMatch的短名字,但由于它不是合法变量名,所以要。。
    13. //lastParen 最后匹配的分组
    14. re = /[a-z](\d+)/gi;
    15. str = "Class1 Class2 Class3";
    16. re.test(str);
    17. alert(RegExp.lastParen);//1
    18. re.test(str);
    19. alert(RegExp["$+"]);//2
    20. //rigthContext 返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符
    21. re = /[A-Z]/g;
    22. str = "123ABC456";
    23. re.test(str);
    24. alert(RegExp.leftContext);//123
    25. alert(RegExp.rightContext);//BC456
    26. alert(RegExp["$`"]);//123A
    27. alert(RegExp["$'"]);//C456

    multiline属性返回正则表达式是否使用多行模式,这个属性不针对某个正则表达式实例,而是针对所有正则表达式,并且这个属性可写.(IE与Opera不支持这个属性)

    1. alert(RegExp.multiline); //因为IE,Opera不支持这个属性,所以最好还是单独指定
    2. var re = /\w+/m;
    3. alert(re.multiline);
    4. alert(RegExp["$*"]);//RegExp对象的静态属性不会因为给RegExp某个对象实例指定了m标志而改变
    5. RegExp.multiline = true;//这将打开所有正则表达式实例的多行匹配模式
    6. alert(RegExp.multiline);

    使用元字符注意事项:元字符是正则表达式的一部分,当我们要匹配正则表达式本身时,必须对这些元字符转义.下面是正则表达式用到的所有元字符

    1. ( [ { \ ^ $ | ) ? * + .
    1. var str = "?"; var re = /?/;
    2. alert(re.test(str));//出错,因为?是元字符,必须转义
    3. re = /\?/;
    4. alert(re.test(str));//true

    使用RegExp构造函数与使用正则表达式字面量创建正则表达式注意点

    1. var str = "\?";
    2. alert(str);//只会输出?
    3. var re = /\?/;//将匹配?
    4. alert(re.test(str));//true
    5. re = new RegExp("\?");//出错,因为这相当于re = /\?/
    6. re = new RegExp("\\?");//正确,将匹配?
    7. alert(re.test(str));//true

    既然双重转义这么不友好,所以还是用正则表达式字面量的声明方式

    如何在正则表达式中使用特殊字符?

    字符类 —-〉简单类,反向类,范围类,组合类,预定义类

    1. //简单类
    2. var re = /[abc123]/;//将匹配abc123这6个字符中一个
    3. //负向类
    4. re = /[^abc]/;//将匹配除abc之外的一个字符
    5. //范围类
    6. re = /[a-b]/;//将匹配小写a-b 26个字母
    7. re = /[^0-9]/;//将匹配除0-9 10个字符之处的一个字符
    8. //组合类
    9. re = /[a-b0-9A-Z_]/;//将匹配字母,数字和下划线

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

    量词

    贪婪量词与惰性量词

    • 用贪婪量词进行匹配时,它首先会将整会字符串当成一个匹配,如果匹配的话就退出,如果不匹配,就截去最后一个字符进行匹配,如果不匹配,继续将最后一个字符截去进行匹配,直到有匹配为止。直到现在我们遇到的量词都是贪婪量词
    • 用贪婪量词进行匹配时,它首先将第一个字符当成一个匹配,如果成功则退出,如果失败,则测试前两个字符,依些增加,直到遇到合适的匹配为止
      |贪婪|惰性
      |——-
      |+|+?
      |?|??
      ||?
      |{n}|{n}?
      |{n,}|{n,}?
      |{n,m}|{n,m}
    1. var str = "abc"; var re = /\w+/;//将匹配abc
    2. re = /\w+?/;//将匹配a

    多行模式

    1. var re = /[a-z]$/; var str = "ab\ncdef";
    2. alert(str.replace(re,"#"));//ab\ncde#
    3. re =/[a-z]$/m;
    4. alert(str.replace(re,"#"));//a#\ncde#

    分组与非捕获性分组

    1. re = /abc{2}/;//将匹配abcc
    2. re = /(abc){2}/;//将匹配abcabc
    3. //上面的分组都是捕获性分组
    4. str = "abcabc ###";
    5. arr = re.exec(str);
    6. alert(arr[1]);//abc
    7. //非捕获性分组 (?:)
    8. re = /(?:abc){2}/;
    9. arr = re.exec(str);
    10. alert(arr[1]);//undefined

    候选(也就是所说的“或”)

    1. re = /^a|bc$/;//将匹配开始位置的a或结束位置的bc
    2. str ="add";
    3. alert(re.test(str));//true
    4. re = /^(a|bc)$/;//将匹配a或bc
    5. str ="bc";
    6. alert(re.test(str));//true

    当包含分组的正则表达式进行过test,match,search这些方法之后,每个分组都被放在一个特殊的地方以备将来使用,这些存储是分组中的特殊值,我们称之为反向引用

    1. var re = /(A?(B?(C?)))/; /*上面的正则表达式将依次产生三个分组
    2. (A?(B?(C?))) 最外面的
    3. (B?(C?))
    4. (C?)*/ str = "ABC";
    5. re.test(str);//反向引用被存储在RegExp对象的静态属性$1—$9中
    6. alert(RegExp.$1+"\n"+RegExp.$2+"\n"+RegExp.$3); //反向引用也可以在正则表达式中使用\1 ,\2...这类的形式使用
    7. re = /\d+(\D)\d+\1\d+/;
    8. str = "2008-1-1";
    9. alert(re.test(str));//true
    10. str = "2008-4_3";
    11. alert(re.test(str));//false

    使用反向引用可以要求字符串中某几个位置上的字符必须相同.另外,在replace这类方法可,存在特殊字符序列来表示反向引用的方式

    1. re = /(\d)\s(\d)/;
    2. str = "1234 5678";

    其它——〉正向前瞻,用来捕获出现在特定字符之前的字符,只有当字符后面跟着某个特定字符才去捕获它。与正向前瞻对应的有负向前瞻,它用匹配只有当字符后面不跟着某个特定字符时才去匹配它。在执行前瞻和负向前瞻之类的运算时,正则表达式引擎会留意字符串后面的部分,然而却不移动index

    构建一个验证电子邮箱地址有效性的正则表达式。电子邮箱地址有效性要求(我们姑且这样定义):用户名只能包含字母数字以及下划线,最少一位,最多25位,用户名后面紧跟@,后面是域名,域名名称要求只能包含字母数字和减号(-),并且不能以减号开头或结尾,然后后面是域名后缀(可以有多个),域名后缀必须是点号连上2-4位英文字母