zoukankan      html  css  js  c++  java
  • 008-js中的正则表达式

    查看地址:http://www.runoob.com/js/js-regexp.html

    一、正则表达式概述

      正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。

      搜索模式可用于文本搜索和文本替换。

    二、正则表达式语法

    /正则表达式主体/修饰符(可选)

    示例:var patt = /runoob/i

    三、正则表达式修饰符

    修饰符 描述
    i intensity 执行对大小写不敏感的匹配。
    g global 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
    m multiple 执行多行匹配。检测字符串中的换行符,主要是影响字符串开始标识符^和结束标识符$的使用

    四、正则表达式模式

    ^ //指出一个字符串的开始 
    $ //指出一个字符串的结束 
    [] //用于查找某个范围内的字符
    | //或 模式

    特殊字符:

      使用转义字符即可。如var reg=///;匹配一个正斜杠

      正则中有特别含义的字符匹配,都需要来转义,如: . * ^ & [ ] { } ? 等

      注意:如果在[]字符集合里,很多字符都不需要转义

    4.1、量词

    量词理解描述
    n+

    >=1

    匹配一个或多个n 的字符串。

    例如,/a+/ 匹配 "candy" 中的 "a","caaaaaaandy" 中所有的 "a"。

    n*

    >=0

    匹配零个或多个 n 的字符串。

    例如,/bo*/ 匹配 "A ghost booooed" 中的 "boooo","A bird warbled" 中的 "b",但是不匹配 "A goat grunted"。

    n?

    =0或=1

    匹配零个或一个 n 的字符串。

    例如,/e?le?/ 匹配 "angel" 中的 "el","angle" 中的 "le"。

    n{X}

    按照闭区间集合

    =X

    匹配包含 X 个 n 的序列的字符串。

    例如,/a{2}/ 不匹配 "candy," 中的 "a",但是匹配 "caandy," 中的两个 "a",且匹配 "caaandy." 中的前两个 "a"。

    n{X,}

    按照闭区间集合

    >=X

    X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。

    例如,/a{2,}/ 不匹配 "candy" 中的 "a",但是匹配 "caandy" 和 "caaaaaaandy." 中所有的 "a"。

    n{X,Y}  >=X,<=Y

    X 和 Y 为正整数。前面的模式 n 连续出现至少 X 次,至多 Y 次时匹配。

    例如,/a{1,3}/ 不匹配 "cndy",匹配 "candy," 中的 "a","caandy," 中的两个 "a",匹配 "caaaaaaandy" 中的前面三个 "a"。注意,当匹配 "caaaaaaandy" 时,即使原始字符串拥有更多的 "a",匹配项也是 "aaa"。

    n$  以n结尾 匹配任何结尾为 n 的字符串。
    ^n  以n开头 匹配任何开头为 n 的字符串。
    ?=n   匹配任何其后紧接指定字符串 n 的字符串。
    ?!n   匹配任何其后没有紧接指定字符串 n 的字符串。

    4.2、元字符

      (Metacharacter)是拥有特殊含义的字符:

    元字符等同于描述
    .   查找单个字符,除了换行和行结束符。
    w [a-zA-Z0-9] 查找单词字符。
    W [^a-zA-Z0-9] 查找非单词字符。
    d [0-9] 查找数字。
    D [^0-9] 查找非数字字符。
    s fx0B 查找空白字符。
    S ^ fx0B 查找非空白字符。
         
       匹配单词边界。
    B   匹配非单词边界。
      查找 NULL 字符。
      查找换行符。
    f   查找换页符。
      查找回车符。
      查找制表符。
    v   查找垂直制表符。
    xxx   查找以八进制数 xxx 规定的字符。
    xdd   查找以十六进制数 dd 规定的字符。
    uxxxx   查找以十六进制数 xxxx 规定的 Unicode 字符。

    4.3、括号的一些用法

    表达式理解描述
    [abc] =a,=b,=c 查找方括号之间的任何字符。
    [^abc]   查找任何不在方括号之间的字符。
    [0-9] 从 0 至 9 的数字 查找任何从 0 至 9 的数字。
    [a-z]   查找任何从小写 a 到小写 z 的字符。
    [A-Z]   查找任何从大写 A 到大写 Z 的字符。
    [A-z]   查找任何从大写 A 到小写 z 的字符。
    [adgk]   查找给定集合内的任何字符。
    [^adgk]   查找给定集合外的任何字符。
    (red|blue|green)

    =red,=blue,green

    包含其中的一个单词

    查找任何指定的选项。

    五、正则表达式使用

    5.1、使用-RegExp对象

    5.1.1、语法

    var patt=new RegExp(pattern,modifiers);
    
    或者更简单的方式:
    
    var patt=/pattern/modifiers;
    • pattern(模式) 描述了表达式的模式
    • modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配

    注意:当使用构造函数创造正则对象时,需要常规的字符转义规则(在前面加反斜杠 )。比如,以下是等价的:

    var re = new RegExp("\w+");
    var re = /w+/;

    RegExp属性

    属性描述
    constructor 返回一个函数,该函数是一个创建 RegExp 对象的原型。
    global 判断是否设置了 "g" 修饰符
    ignoreCase 判断是否设置了 "i" 修饰符
    lastIndex 用于规定下次匹配的起始位置
    multiline 判断是否设置了 "m" 修饰符
    source 返回正则表达式的匹配模式

    5.1.2、方法使用

    方法描述
    compile 在 1.5 版本中已废弃。 编译正则表达式。
    exec 检索字符串中指定的值。返回找到的值,并确定其位置。
    test 检索字符串中指定的值。返回 true 或 false。
    toString 返回正则表达式的字符串。

    1、exec() 方法用于检索字符串中的正则表达式的匹配。

    如果字符串中有匹配的值返回该匹配值,否则返回 null。

      var str="Hello world!";
      //查找"Hello"
      var patt=/Hello/g;
      var result=patt.exec(str);
      console.log("返回值: " +  result); //Hello
      //查找 "RUNOOB"
      patt=/RUNOOB/g;
      result=patt.exec(str);
      console.log("<br>返回值: " +  result);//null

    2、test() 方法用于检测一个字符串是否匹配某个模式.

    如果字符串中有匹配的值返回 true ,否则返回 false。

      var str="Hello world!";
      //查找"Hello"
      var patt=/Hello/g;
      var result=patt.test(str);
      console.log("返回值: " +  result); //true
      //查找 "Runoob"
      patt=/Runoob/g;
      result=patt.test(str);
      console.log("<br>返回值: " +  result);//false

    5.2、使用字符串方法

    方法描述
    search 检索与正则表达式相匹配的值。
    match 找到一个或多个正则表达式的匹配。
    replace 替换与正则表达式匹配的子串。
    split 把字符串分割为字符串数组。

    search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。

    replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

    5.2.1、search 搜索返回索引

      search内支持使用正则表达式和字符串

    1、search内使用正则表达式

      var str = "Visit Runoob!"; 
      var n = str.search(/Runoob/i);//使用正则表达式搜索 "Runoob" 字符串,且不区分大小写
      console.log(n)// 输出 6

    2、search内使用字符串

      var str = "Visit Runoob!"; 
      var n = str.search('Runoob');//可使用字符串作为参数。字符串参数会转换为正则表达式,区分大小写
      console.log(n)// 输出 6 如果上述改成小写,输出-1 没找到

    5.2.2、replace 替换

    1、replace内使用正则

      var str = 'microsoft is microsoft'; 
      var txt = str.replace(/microsoft/i,"Runoob");//使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 Runoob
      console.log(txt)// 输出 Runoob is microsoft ,只替换了第一个,若果需要全部 增加修饰符 g

    2、replace内使用字符串

      var str = 'microsoft is microsoft';  
      var txt = str.replace("microsoft","Runoob");
      console.log(txt)// 输出 Runoob is microsoft ,只替换了第一个,区分大小写

    5.2.3、match 找到返回数组

    符串内检索指定的值,或找到一个或多个正则表达式的匹配。

      var str="The rain in SPAIN stays mainly in the plain"; 
      var n=str.match(/ain/g);
      console.log(n)//["ain", "ain", "ain"]

    返回值:存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。 如果没找到匹配结果返回 null 。

    反倒是

  • 相关阅读:
    Spring深入浅出(九),注解,@Autowired/@Resource,及其它(@Component/@Repository/@Service/@Controller)
    Spring深入浅出(八),自动装配,constructor
    使用node-webkit包装浏览器
    node-webkit 屏幕截图功能
    nodeJS 爬虫,通过Puppeteer实现滚动加载
    nodejs爬虫笔记(四)---利用nightmare解决加载更多问题
    一款开源免费的WPF图表控件ModernuiCharts
    使用各种 WPF Chart图表控件、插件的经历回顾与总结
    android 控件转bitmap
    一些关于 SAP Spartacus 组件和模块延迟加载的问题和解答
  • 原文地址:https://www.cnblogs.com/bjlhx/p/10497299.html
Copyright © 2011-2022 走看看