JavaScript正则表达式-基础入门

摘要：正则表达式基础入门字符类，如为匹配任何字符组成的字符重复如为匹配一到三个单词选择分组和引用指定匹配位置修饰符直接量字符可用于模式匹配的方法对象基本要素字符类方括号内的任意字符不在方括号内的任意字符除换行符和其他行终止符之外的任意字符任何字

字符类，如 /w/ 为匹配任何ASCII字符组成的字符

重复, 如 /w{1,3}/ 为匹配一到三个单词

选择、分组和引用

指定匹配位置

修饰符

直接量字符

可用于模式匹配的String方法

RegExp对象

    // 匹配字符串中的 "b"
    "abc".search( /[b]/ )                    // 1

    // 匹配字符串中的 方括号内规定的数字
    "abc123abc".search( /[2-5]/ )      // 4

    // 匹配2~4个数字，{n,m}中的逗号两边不能有空格
    "a1ab12abc123".search( /d{2,4}/ )               // 4

    // 精确匹配三个字母和一个可选的数字
    "at12a3abcd1abc123".search( /[a-zA-Z]{3}d?/ )   // 6

    // 匹配前后带有一个或多个空格的字符串"JavaScript"
    "JavaScripttttt is notJavaScript( JavaScript )".search( /s+JavaScripts+/ );       // 32

    // 尽可能多
    "aaa".match( /a+/ );            // ["aaa"]
    // 尽可能少
    "aaa".match( /a+?/ );           // ["a"]

字符 "|" 用于提供可选择的字符
注意两点：

1. 匹配次序 从左到右
2. 如果左边的选择匹配成功，就忽略右边的匹配项

    // 匹配三个数字或者是4个小写字母
    "1ab12ab123abcd".match( /d{3}|[a-z]{4}/ )              // ["123"]

(...)有三个作用：

1. 把多带带的项组合成子表达式
2. 在完成的模式中定义子模式
3. 允许在同一正则表达式的后部引用前面的子表达式 , 使用1代表第一个左括号的内容，2代表第二个左括号的内容，依次类推

    // 1.匹配字符串"Java"，其后的"Script"可有可无
    "JavaSScript".match( /Java(Script)?/ )                    // ["Java", undefined]

    // 2.匹配左右为字母中间为数字的字符串，同时取出中间的字符串
    "123abc454cba321".match( /[a-z]+(d+)[a-z]+/ )   // ["abc454cba", "454"]

    // 3.允许在同一正则表达式的后面引用前面的子表达式
    ""Java"S"cript"".match( /[""][^""]*[""]/ );             // [""Java""]    引号左右不匹配
    ""Java"S"cript"".match( /([""])[^""]*1/ );            // [""S"", """]    引号左右匹配

b、^ 和 $ 称为正则表达式的锚，定位搜索字符串的特定位置

    // 匹配单词的边界，即位于w字符和W之间的边界
    "htmlhtml html".search( /html/ )                // 0
    "htmlhtml html".search( /html/ )             // 4

    // 匹配一个单词
    " JavaScript".match( /^JavaScript$/ )         // null
    "JavaScript".match( /^JavaScript$/ )          // ["JavaScript"]

(?=p)和(?!p)指定接下来的字符是否与p匹配

    // 第二个不能匹配是因为Java后面不是空格符
    "JavaScript is good.".match( /[Jj]ava(Script)?(?=s)/ )             // ["JavaScript", "Script"]
    "Javais good.".match( /[Jj]ava(Script)?(?=s)/ )                      //  null

修饰符用在“/”符号之后

    // i 即为igonre case
    "JAVASCRIPT".match( /javascript/ )              // null
    "JAVASCRIPT".match( /javascript/i )             // ["JAVASCRIPT"]

    // g 即为global
    "JavaScript Java".match( /Java/ )                  // ["Java"]
    "JavaScript Java".match( /Java/g )                // ["Java", "Java"]

    // m 即为multiline
    "JavaScript
Java".match( /^Java$/ )                      // null
    "JavaScript
Java".match( /^Java$/m )                   // ["Java"]

        // search()，返回与之匹配子串的起始位置
        "JavaScript".search( /script/i );                   // 4

        // match() , 返回由匹配结果组成的数组
        "Java is not JavaScript".match( /java(script)?/gi )                 // ["Java", "JavaScript"]

        // replace(), 检索和替换
        "java is not JavaScript".replace( /java/i , "C++" ).replace( /javascript/i , "C")                   // "C++ is not C"

        // split() , 将字符串拆分为一个子串组成的数组
        " 1  ,    2,    3    ,4     ,     5 ".trim().split( /s*,s*/ )                 // ["1", "2", "3", "4", "5"]

RegExp()为一个构造函数

    // 第一个参数为 正则表达式的主体部分，第二个参数为 修饰符
    let reg = new RegExp( "java(script)?" , "gi" );
    "Java is not JavaScript".match( reg )                       // ["Java", "JavaScript"]

此文章是参照了《JavaScript: The Definitive Guide》中的第十章，想仔细了解JavaScript的正则表达式可以去翻阅此书籍。

解析一个URL使用/(w+)://([w.]+)/(S*)/

    "Welcome to https://segmentfault.com/t/javascript".match( /(w+)://([w.]+)/(S*)/ )          
    // ["https://segmentfault.com/t/javascript", "https", "segmentfault.com", "t/javascript"]

... ↩

a-zA-Z0-9 ↩

0-9 ↩