js 怎么使用正则表达式-理解Javascript的正则表达式

  前言本文4089字，阅读大约需要12分钟。正文

  相信很多人第一次见到正则表达式的第一印象都是懵逼的，对新手而言一个正则表达式就是一串毫无意义的字符串，让人摸不着头脑。但正则表达式是个非常有用的特性，不管是、PHP、Java还是Python都有正则表达式。俨然正则表达式已经发展成了一门小语言。作为编程语言的一部分，它不想变量，函数，对象这种概念那么容易理解。很多人对于正则表达式的理解都是基于简单的匹配，等到业务中用到完全靠从网上copy来解决问题。不得不说，随着各种开源技术社区的发展，靠copy的确能解决业务中绝大多数的问题，但作为一名有追求的程序员，是绝对不会让自己仅仅依靠Ctrl C + Ctrl V来编程的。本文基于的正则表达式，结合笔者个人的思考和社区内一些优秀正则表达式文章来对正则表达式进行讲解。

  中的正则表达式使用方法

  简单介绍下，在中使用正则表达式有两种方式：

构造函数：使用内置的RegExp构造函数；字面量：使用双斜杠(//)；

  使用构造函数：

   var regexConst = new RegExp('abc');

  使用双斜杠：

  var regexLiteral = /abc/;

  匹配方法

  中的正则表达式对象主要有两个方法，test和exec：

  test()方法接受一个参数，这个参数是用来与正则表达式匹配的字符串，如下例子：

   var regex = /hello/;

    var str = 'hello world';
    var result = regex.test(str);
    console.log(result);

  exec()方法在一个指定字符串中执行一个搜索匹配。返回一个结果数组或。

   var regex = /hello/;

    var str = 'hello world';
    var result = regex.exec(str);
    console.log(result);
    // returns [ 'hello', index: 0, input: 'hello world', groups: undefined ]
    // 匹配失败会返回null
    // 'hello' 待匹配的字符串
    // index: 正则表达式开始匹配的位置

  下文都用test()方法来进行测试。

  标志

  标志是用来表示搜索字符串范围的一个参数，主要有6个标志：

  双斜杠语法：

  var re = /pattern/flags;

  构造函数语法：

  var re = new RegExp("pattern", "flags");

  看下实例：

   var reg1 = /abc/gi;

    var reg2 = new RegExp("abc", "gi");
    var str = 'ABC';
    console.log(reg1.test(str)); // true

  正则表达式的思考

  正则表达式是对字符串进行匹配的一种模式。

  请记住，正则表达式是对字符串的操作，所以一般具有字符串类型的编程语言都会有正则表达式。

  对于字符串而言，是由两部分构成的：内容和位置。

  比如一个字符串：

  'hello World';

  它的内容就是：

  'h', 'e', 'l', 'l', 'o', ' ', 'W', 'o', 'r', 'l', 'd'

  如上字符串中每一个独立的字母就是这个字符串的内容，而位置指的是：

  位置所指就是相邻字符之间的位置，也就是上图中箭头的位置。

  匹配内容相比匹配位置来说更为复杂，先看下简单的匹配方式：

  简单匹配

  最简单的匹配方式就是完整的去匹配一个字符串：

   var regex = /hello/;

     console.log(regex.test('hello world'));

  复杂匹配

  正则表达式中有很多特殊字符用来匹配字符串，解决的就是匹配多少(按位置匹配)和匹配谁(按内容匹配)的问题。我们先来看下用来决定匹配谁的一些特殊字符：

  匹配内容简单的特殊字符

  简单的匹配内容有如下的特殊字符：

  [xyz]：字符集，用来匹配方括号中的任意一个字符，比如：

   var regex = /[bt]ear/;

    console.log(regex.test('tear'));
    // returns true
    console.log(regex.test('bear'));
    // return true
    console.log(regex.test('fear'));

   var regex = /1ear/;

    console.log(regex.test('tear'));
    // returns false
    console.log(regex.test('bear'));
    // return false
    console.log(regex.test('fear'));

  针对小写字母，大写字母和数字这三种非常常用的字符，还提供了比较简便的写法：

  \d：相当于[0-9],匹配数字字符。

  \D：相当于2,匹配非数字的字符。

  \w：相当于[a-zA-Z0–9_],匹配数字、小写字母、大写字母和下划线。

  \W：相当于3，匹配非数字、非小写字母、非大写字母和非下划线。

  [a-z]：假如我们想匹配所有的字母，一个笨办法就是将所有的字母都写到方括号里，但很明这种实现很不优雅，不易读而且很容易遗漏字母。这里有一种更简单的实现方案js 怎么使用正则表达式，就是指定字符范围，比如[a-h]就是匹配字母a到字母h之间所有的字母，除了小写字母还可以匹配数字和大写字母，[0-9]匹配0到9之间的数字js 怎么使用正则表达式，[A-Z]匹配A到Z之间所有的大写字母。比如：

   var regex = /[a-z0-9A-Z]ear/;

    console.log(regex.test('fear'));
    // returns true
    console.log(regex.test('tear'));
    // returns true
    console.log(regex.test('1ear'));
    // returns true
    console.log(regex.test('Tear'));

   var regex = /(green|red) apple/;

    console.log(regex.test('green apple'));
    // true
    console.log(regex.test('red apple'));
    // true
    console.log(regex.test('blue apple'));

   var regex = /.n/ ;

    console.log(regex.test('an'));
    // true
    console.log(regex.test('no'));
    // false
    console.log(regex.test('on'));
    // true
    console.log(regex.test(`
    n`));
    // false
    console.log(/.n/s.test(`
    n`)); // 注意这里的正则

  \：这个特殊字符是用来转义的，比如我们想匹配方括号，就可以用\转义，同样相匹配\也可以用\转义，比如：

   var regex = /[]/;

  上面的特殊字符都只能匹配某个目标字符串一次，但很多场景下我们需要匹配目标字符串多次，比如我们想匹配无数个a，上面的特殊字符就无法满足我们的需求了，因此匹配内容的特殊字符里还有一部分是用来解决这个问题的：

   var regex = /go{2}d/;

    console.log(regex.test('good'));
    // true
    console.log(regex.test('god'));

  很好理解，上面的正则相当于/good/。

   var regex = /go{2,}d/;

    console.log(regex.test('good'));
    // true
    console.log(regex.test('goood'));
    // true
    console.log(regex.test('gooood'));

   var regex = /go{1,2}d/;

    console.log(regex.test('god'));
    // true
    console.log(regex.test('good'));
    // true
    console.log(regex.test('goood'));

  为了更为方便的使用，还提供了三个比较常用规则更为方便的写法：

  使用以上内容匹配普通的字符已经可以满足需求了，但像换行符、换页符和回车等特殊的符号以上的特殊字符无法满足需求，因此正则表达式还提供了专门用来匹配特殊符号的特殊字符：

   var reg = /\s/;

   console.log(/(foo)(bar)\1\2/.test('foobarfoobar')); // true

    console.log(/(\d)([a-z])\1\2/.test('1a1a')); // true
    console.log(/(\d)([a-z])\1\2/.test('1a2a')); // false

  在正则表达式的替换环节，则要使用像 1、2、...、n 这样的语法，例如，'bar foo'.(/(...) (...)/, '2 1')。& 表示整个用于匹配的原字符串。

   var regex = /(?:foo)bar\1/;

    console.log(regex.test('foobarfoo'));
    // false
    console.log(regex.test('foobar'));
    // false
    console.log(regex.test('foobar\1'));

  匹配位置

  再次强调，这里的位置是前面图里箭头的位置。

   var regex = /^g/;

    console.log(regex.test('good'));
    // true
    console.log(regex.test('bad'));
    // false
    console.log(regex.test('tag'));

  上面正则的含义即匹配字母g开头的字符串。

   var regex = /.com$/;

    console.log(regex.test('test@testmail.com'));
    // true
    console.log(regex.test('test@testmail'));

  上面正则的含义即匹配以.com为结尾的字符串

   console.log(/\bm/.test('moon')); // true 匹配“moon”中的‘m’，\b的左边是空字符串，右边是'm'

    console.log(/oo\b/.test('moon')); // false 并不匹配"moon"中的'oo'，因为 \b左边上oo，右边是n,全是正常字符
    console.log(/oon\b/.test('moon')); // true 匹配"moon"中的'oon'，\b左边是oon，右边是空字符串
    console.log(/n\b/.test('moon   ')); // true 匹配"moon"中的'n'，\b左边是n，右边是空格
    console.log(/\bm/.test('   moon')); // true 匹配"moon"中的'm'，\b左边是空字符串 右边是m

  这个如果不好理解，可以先看\B，更好理解一点。

  \B： 匹配一个非单词边界，和\b相反，也就是说匹配的是左右两边全是正常字符或全是特殊符号的位置。看例子：

   console.log(/\B../.test('moon')); // true 匹配'moon'中的'oo' \B左边是m，右边是o

   var regex = /Red(?!Apple)/;

   var regex = /(?

      var regex = /Red(?=Apple)/;

var regex = /(?
[1]: https://xuan.ddwoo.top/index.php/archives/375/
[2]: https://xuan.ddwoo.top/index.php/archives/373/
[3]: https://xuan.ddwoo.top/index.php/archives/371/bt ↩0-9 ↩A-Za-z0-9_ ↩