视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
一次记住JavaScript的6个正则表达式方法
2020-11-27 22:19:12 责编:小采
文档


首先6这个具象的数字可以帮助我们整体记忆了。

范围

js中有两个类可以让正则发挥作用

创建

var re = /ab+c/ 

方式一:正则表达字面量,这种直接是常量的表示用法可以让js解析器提高性能

var re = new RegExp('ab+c') 

方式二:构造函数,这种方式可以在runtime的时候动态确定正则是什么,更加灵活

常用特殊字符

来记忆一些常用特殊字符,这个是正则本身的范畴了,是不是总觉得记不住?其实我也记不住,每次都是去搜索和online验证来完成一些任务。我也困恼过,其实最后还是因为自己写的少吧,唯手熟尔。。下面的总结不写具体内容,只列出具体特殊字符和分类,可以尝试一下说出他们的意义,我觉得比看表格更有利于记忆。。

  • 匹配量的:* + ? {n} {n,} {n,m} .
  • 匹配位置的:^ $
  • 匹配并且需要支持分组的时候需要括号来包裹:(匹配的模式)
  • 匹配条件的:|
  • 匹配集合的:[]
  • 匹配非集合的:[^]
  • 还有大量的由\和字母组成的特殊含义的匹配模式,这些用到的时候查询就可以了,没有必要记住,其实我是记不住。。

    例子

    例子是最好的老师。。 例子来源于MDN

    我想得到匹配后的数组

    var myRe = /d(b+)d/g; 
    myRe.exec('cdbbdbsdbdbz') // ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"] 
    myRe.exec('cdbbdbsdbdbz') // ["dbd", "b", index: 7, input: "cdbbdbsdbdbz"] 
    myRe.exec('cdbbdbsdbdbz') // null 

    注意对于每个正则对象的exec每次调用都只返回一个匹配,如果需要拿到全部匹配就需要while循环获取,循环结束标志是返回值为null

    'cdbbdbsdbdbz'.match(/d(b+)d/g) // ["dbbd", "dbd"] 
    'cdbbdbsdbdbz'.match(/d(b+)d/) // ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"] 

    string的match挺奇怪的,如果是global匹配则出所有匹配的数组,如果不是,则出第一个匹配的字符串,以及相应的捕获内容

    var str = 'hello world!'; 
    var result = /^hello/.test(str); // true 
    'cdbbdbsdbdbz'.search(/d(b+)d/) // 1 
    'xxx'.search(/d(b+)d/) // -1 没有匹配 
    var names = 'Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand '; 
    var re = /\s*;\s*/; 
    var nameList = names.split(re); 
    // [ "Harry Trump", "Fred Barney", "Helen Rigby", "Bill Abel", "Chris Hand " ]
    var re = /apples/gi; 
    var str = 'Apples are round, and apples are juicy.'; 
    var newstr = str.replace(re, 'oranges'); 
    // // oranges are round, and oranges are juicy.

    我想得到是否匹配

    var str = 'hello world!'; 
    var result = /^hello/.test(str); // true 

    我只想得到第一次匹配的位置

    'cdbbdbsdbdbz'.search(/d(b+)d/) // 1 
    'xxx'.search(/d(b+)d/) // -1 没有匹配 

    我想按照匹配拆分字符串

    var names = 'Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand '; 
    var re = /\s*;\s*/; 
    var nameList = names.split(re); 
    // [ "Harry Trump", "Fred Barney", "Helen Rigby", "Bill Abel", "Chris Hand " ]

    我想按照匹配覆盖字符串

    var re = /apples/gi; 
    var str = 'Apples are round, and apples are juicy.'; 
    var newstr = str.replace(re, 'oranges'); 
    // // oranges are round, and oranges are juicy.

    这个replace方法的用法着实比较多,只放了最基础用法,当有需求的时候再查就好了,整体有概念了再实践比强行记忆要好吧~

    总结

    以上所述是小编给大家介绍的一次记住JavaScript的6个正则表达式方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    下载本文
    显示全文
    专题