js正则表达式学习记录

总概括

我感觉在学习中一定要记住的是，这个规则适应来匹配与查找的。一个内容的查找。（尽管我说的是废话）

按照匹配的规则可以分为两类：     匹配内容    匹配位置(其实我之前写了很多，但是忘记保存了，就没)

这个自己学习的 总结   脑图的格式。大家可以跳转进去看

下面是捕获组的学习

 捕获组与非捕获组

笔者在学习正则表达式的时候遇见了捕获组

捕获组：捕获组就是把正则表达式中子表达式匹配的内容，保存到内存中以数字编号或显式命名的组里，方便后面引用

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

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

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

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

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

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

我们第一表达是，/（\b）(a-z)\1\2/

var a = （\b ）-----匹配出来的结果  给了a 

然后 其中 /1 = a   匹配出来的结果 赋值给了\1  

var c = （[a-z] ）-----匹配出来的结果  给了c 

然后 其中 /2 = c   匹配出来的结果 赋值给了\2 

正常情况下 匹配出来的应该是 /(\d)([a-z])/.text('1a'); 则为true  但是在 /(\d)([a-z])\1\2/中添加了  \1\2就说明需要将第一个（）中的匹配内容存起来给了\1,将第二个()中的内容匹配出来给的结果\2，现在的表达式的意思就是

console.log(/(\d)([a-z])\1\2/.test('1a1a'))；

\1 = 1 = (\d) （从右往左）

\2= a =([a-z])（从右往左）

也就是 \1 = 1

            \2= a

所以表达式就变为了

/(\d)([a-z])(1)(a)/.test('1a1a')

非捕获组

 (?:x)：匹配 'x' 但是不记住匹配项。被称为非捕获组。这里的\1不会生效,而会被当作是一个字符

var regex = /(?:foo)bar\1/;
console.log(regex.test('foobarfoo'));
// false
console.log(regex.test('foobar'));
// false
console.log(regex.test('foobar\1'));
// true