一次记住js的6个正则方法

我时常感到困惑，为什么有些知识我总是觉得模糊，其实就是想的少，总结的少，大多数人也如此，有疑惑不清楚就找出来，想明白或者想不明白都记录下来自己的收获，比扭头忘记还是要好很多吧。。好我觉得js中的正则我不是很清楚，那么来看一下吧。

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

范围

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

创建

1. var re =/ab+c/

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

1. var re =newRegExp('ab+c')

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

常用特殊字符

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

• 匹配量的：* + ? {n} {n,} {n,m} .
• 匹配位置的：^ $
• 匹配并且需要支持分组的时候需要括号来包裹：(匹配的模式)
• 匹配条件的：|
• 匹配集合的：[]
• 匹配非集合的：[^]

还有大量的由和字母组成的特殊含义的匹配模式，这些用到的时候查询就可以了，没有必要记住，其实我是记不住。。。

例子

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

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

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

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

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

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

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

我自己是一名从事了多年开发的web前端老程序员，目前辞职在做自己的web前端私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以关注我的头条号并在后台私信我：前端，即可免费获取。

源自：http://varnull.cn/yi-ci-ji-zhu-jsde-6ge-zheng-ze-fang-fa/
文章著作权归作者所有，如有侵权，请联系小编删除。