zoukankan      html  css  js  c++  java
  • js正则表达式

    目的:

    处理字符串的查找、替换需求

    按照某种规则(正则表达式)去匹配(查找)符合条件的字符串

    案例1:

    https://www.baidu.com

    https://www.cnnic.net.cn

    我想筛选出开头是https://结尾是.com的字符串,对他操作(其中是转义)

    http:(//.+.com)

    $1

    这个操作是将后面的//www.baidu.com分组了,然后把这个分组提取出来于是得到的就是:

    //www.baidu.com

    案例2:

    2014/12/12

    2015/12/444

    我想筛选出开头是4位数字/或者-再两位数字再/或者-再两位数字,头尾加上结束符号

    ^d{4}[/-]d{2}[/-]d{2}$

    然后就是分组,^(d{4})[/-](d{2})[/-](d{2})$

    筛选时候就可以写:$2-$3-$1

    得到的结果就是:

    12-2014-12

    案例3:

    构造函数,可在console或者http://jsbin.com/?html,js,output中实践:

    var reg = /is/;
    'He is a boy .This is a dog.Where is she?'.replace(reg,'IS')
    "He IS a boy .This is a dog.Where is she?"
    'He is a boy .This is a dog.Where is she?'.replace(/is/gi,'0')
    "He 0 a boy .This 0 a dog.Where 0 she?"

    语法:

    修饰符:

    g:global 全文搜索,不添加则搜索到第一个匹配停止;
    i:ignore case 忽略大小写,默认大小写敏感;
    multiline:多行搜索,默认值是false
    lastIndex:是当前表达式匹配内容的最后一个字符的下一个位置
    source:正则表达式的文本字符串

    元字符:

    :水平制表符;
    v:垂直制表符;
    :换行符;
    :回车符;
    :空字符;
    f:换页符;
    cX:与X对应的控制字符

    字符类:

    可以使用元字符[]来构建一个简单的类,所谓类是指符合某些特征的对象,一个泛指,而不是特指某个字符,表达式[abc]:把字符 a 或 b 或 c 归为一类,表达式可以匹配这类的字符,即匹配abc中的一个,例如:

    'a1b2c3d4'.replace(/[abc]/g,'x')
    "x1x2x3d4"

    字符类取反:

    使用元字符 ^ 创建 反向类/负向类,反向类的意思是:不属于某类的内容,表达式 [^abc] 表示 不是字符a或b或c 的内容

    'a1b2c3d4'.replace(/[^abc]/g,'x')
    "axbxcxxx"

    范围类:

    使用字符类匹配数字 [0123456789] 简写[0-9]
    可以使用 [a-z] 来连接两个字符表示 从a到z的任意字符,闭区间,包含a和z本身,如果想把-这样特殊字符添加进去,就在后面直接加上

    'f1231h3g1gj4'.replace(/[a-z]/g,'@')
    "@1231@3@1@@4"

    'f1231h3gHGG1gj4'.replace(/[a-zA-Z]/g,'@')
    "@1231@3@@@@1@@4"

    '2013-3-12'.replace(/[0-9-]/g,'A')
    "AAAAAAAAA"

     预定义类:

    . 等价于 [^ ] 表示除了回车符和换行符之外的所有的字符
    d 等价于 [0-9] 数字字符
    D 等价于 [^0-9] 非数字字符
    s 等价于 [ x0Bf ] 空白符 s:space
    S 等价于 [^ x0Bf ] 非空白符
    w 等价于 [a-zA-Z_0-9] 单词字符(字母、数字下划线) w:word
    W 等价于 [^a-zA-Z_0-9] 非单词字符

    例子:匹配一个 ab+数字+任意字符 的字符串
    使用范围类:ab[0-9][^ ] 使用预定义类:abd.

    常见的边界匹配字符:
    ^ 以XXX开始
    $ 以XXX结束
     单词边界
    B非单词边界
    例子:
    1. '@123@abc@'.replace(/^@./g,'Q');
    "Q23@abc@"
    2.'@123@abc@'.replace(/.@$/g,'Q');
    "@123@abQ"
    3.'@123@abc@'.replace(/.@/g,'Q');
    "@12QabQ"

    量词:

    ? 出现<=1次
    + 出现>=1次
    * 出现任意次
    {n}出现n次
    {n,m}出现n到m次
    {n,}出现至少n次

    贪婪模式和非贪婪模式

    让正则表达式尽可能多和尽可能少的匹配

    贪婪模式:

    '12345678'.replace(/d{3,6}/g,'X')
    "X78"

    非贪婪模式
    '12345678'.replace(/d{3,6}?/g,'X')
    "XX78"

    分组:

    小写字母连续出现3次,分别演示分组和不分组:
    'a1b2c3d4'.replace(/[a-z]d{3}/g,'X')
    "a1b2c3d4"
    'a1b2c3d4'.replace(/([a-z]d){3}/g,'X')
    "Xd4"

    |(或)

    将正则表达式分成前后两部分,可以达到 或 的效果

    '12gj112gj2'.replace(/12gj(1|2)/g,'X')
    "XX"

    反向引用

    在分组的基础上,分组取值使用'$1 $2....'代表捕获分组内容

    '2013-12-20'.replace(/(d{4})-(d{2})-(d{2})/g,'$2-$3-$1')
    "12-20-2013"

    忽略分组

    不希望捕获某些分组,只需要在分组内加上 ?:即可
    (?:Byron).(ok)
    '2015-07-09'.replace(/(?:d{4})-(d{2})-(d{2})/g,'$2/$3/$1');
    "09/$3/07"

    前瞻

    前瞻 就是在正则表达式匹配到规则的时候,向前检查是否符合断言

    注意:JavaScript不支持后顾

    找出字母加数字的

    'a243h'.replace(/w(?=d)/g,'x')
    "xxx3h"

    找出不是字母加数字的
    'a243h'.replace(/w(?!d)/g,'x')
    "a24xx"

    正则表达式本身的两个方法
    test
    RegExp.prototype.test(str)
    用于测试字符串参数中是否存在匹配正则表达式模式的字符串,如果存在则返回true,否则返回false


    lastIndex 记录当前匹配结果的、最后一个字符的、下一个字符的位置
    注意:test()方法在匹配的时候当匹配到一个结果时,会从lastIndex位置开始匹配下一个结果,直到不存在的时候才置为0。因此,当使用全局g属性标识时,当匹配到最后一个结果时,lastIndex值指向不存在的位置,此时再执行test()会返回false。
    例子:多次执行test()方法,会在true、false之间循环
    (/w/g).test('a')每次执行都是正确的,但是通过实例化对象,需要很大的开销
    test()方法:原意就是测试有没有、能不能匹配上,当使用test原意时,没必要加g
    exec
    RegExp.prototype.exec(str)
    使用正则表达式模式对字符串执行搜索,并将更新全局RegExp对象的属性一反映匹配结果
    如果没有匹配的文本则返回 null,否则返回一个结果数组:
    - index 声明匹配文本的第一个字符位置
    - input 存放被检索的字符串 string

    非全局调用
    调用非全局的RegExp对象的 exec()时,返回数组
    第一个元素是与正则表达式相匹配的文本
    第二个元素是与RegExpObject的第一个子表达式相匹配的文本(如果有的话)
    第三个元素是与RegExp对象的第二个子表达式相匹配的文本(如果有的话),以此类推

    字符串对象方法
    1.search
    String.prototype.search(reg)
    search()方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串
    方法返回第一个匹配结果 index,查找不到返回 -1
    search()并不执行全局匹配,它将忽略标志 g ,并且总是从字符串的开始进行检索
    例子:
    'A11B2C3D4'.search(/d/) 1
    2.match
    String.prototype.match(reg)
    match()方法将检索字符串,以找到一个或多个与RegExp匹配的文本
    RegExp是否具有标志 g 对结果影响跟大
    非全局调用,即没有 g
    如果RegExp没有标志 g,那么 match()方法就只能在字符串中执行一次匹配
    如果没有找到任何匹配的文本,将返回null
    否则它将返回一个数组,其中存放了与它找到的匹配文本有关的信息
    返回数组的第一个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本
    除了常规的数组元素之外,返回的数组还含有2个对象属性
    index 声明匹配文本的起始字符在字符串的位置
    input 声明对 stringObject的引用
    全局调用
    如果RegExp具有标志 g,则match()方法将执行全局检索,找到字符串中的所有匹配子字符串
    没有找到任何匹配的子串,则返回null
    如果找到了一个或多个匹配的子串,则返回一个数组
    数组元素中存放地字符串中所有的匹配子串,而且也没有index 属性或input属性

    3.split

    使用split把字符串分割为字符数组


    4.replace

    定义function:

    function参数含义
    function会在每次匹配替换的时候调用,有四个参数,match就是结果,index就是第几个
    匹配字符串
    正则表达式分组内容,没有分组则没有该参数
    匹配项在字符串中 index
    原字符串

  • 相关阅读:
    安装mysql警告 warning: mysql-community-server-5.7.19-1.el6.x86_64.rpm: Header V3 DSA/SHA1 Signature, key ID 5072e1f5: NOKEY
    RPM方式安装MySQL5.6
    CentOS7安装MySQL冲突和问题解决小结
    Linux(64) 下 Tomcat + java 环境搭建
    自写Jquery插件 Combobox
    自写Jquery插件 Datagrid
    自写Jquery插件 Menu
    scrapy 中间件
    提高scrapy爬取效率配置
    scrapy基于请求传参实现深度爬取
  • 原文地址:https://www.cnblogs.com/cyruschen/p/5973664.html
Copyright © 2011-2022 走看看