正则表达式随笔

正则表达式

一直使用简单的正则表达式，遇到难点的就没法简洁高效的写出正则，故此整理一篇须要记忆应用的正则使用。

正则表达式做用

• 匹配一个字符串的子字符串（子集），或者替换该字符串。

不得不提的String和reg的经常使用方法

• codePointAt(pos) 方法：获得字符的码位。汉字能够获得完整的码位
• fromCodePoint() 方法：参数提供字符的码位返回对应的字符
• include() 方法: 若是检测到指定文本就返回true，不然返回false。接受第二个参数为开始搜索的指定索引值
• startsWith() 方法： 若是在起始位置检测到指定文本就返回true，不然返回false。接受第二个参数为开始搜索的指定索引值
• endsWith() 方法： 从字符串末尾往前匹配。若是在结束部分检测到指定文本返回true，不然返回false。接受第二个参数为开始搜索的指定索引值
• repeat()方法： "o".repeat(3) // ooo 表示重复某个字符串指定次数
• reg.test(str)方法： test()方法执行一个检索，用来查看正则表达式在指定的字符串(str)中是否能被匹配。返回 true 或 false。

• reg.exec(str)方法： 方法在一个指定字符串中执行一个搜索匹配。找到返回一个结果数组或未找到 null。 返回的数组将彻底匹配成功的文本做为第一项，将正则括号里匹配成功的做为数组填充到后面

  • 全局调用和非全局调用：全局调用时，在匹配后，它将把RegExp实例的lastIndex属性设置为匹配文本的最后一个字符的下一个位置，当 exec() 再也找不到匹配的文本时，它将返回null，并把lastIndex属性重置为0

• str.search(reg)方法： 执行正则表达式和 String对象之间的一个搜索匹配。若是匹配成功，则 search() 返回正则表达式在字符串中首次匹配项的索引,不然，返回 -1。与上面的reg.test()相似可判断是否存在某个正则模式

  • search() 方法不执行全局匹配，它将忽略标志g，它同时忽略正则表达式对象的lastIndex属性，而且老是从字符串的开始进行检索，这意味着它老是返回字符串的第一个匹配的位置
  • 若是传入一个非正则表达式对象，则会使用 new RegExp(obj) 隐式地将其转换为正则表达式对象。

• str.match(reg)方法： 当一个字符串与一个正则表达式匹配时， match()方法检索匹配项。

  • 参数：若是传入一个非正则表达式对象，则会隐式地使用 new RegExp(obj) 将其转换为一个reg
  • 参数：若是你未提供任何参数，直接使用 match() ，那么你会获得一个包含空字符串的 Array ：[""] 。
  • 返回值：若是字符串匹配到了表达式，会返回一个数组，数组的第一项是进行匹配完整的字符串，以后的项是用圆括号捕获的结果。若是没有匹配到，返回null
  • 全局调用：全局匹配返回的数组的内容与非全局大不相同，它的数组元素中存放的是字符串中全部的匹配子串，并且也没有index属性或input属性
  • 非全局调用：只在字符串中匹配依次，若没有匹配到文本，match()返回null,匹配到返回一个数组，数组中第一个元素存放匹配到的文本，其他的元素存放的是与正则表达式的子表达式匹配的文本，数组具备两个属性，index ( 匹配文本的起始字符在字符串位置 )和 input属性
• String.prototype.replace(reg, function)： 是将匹配内容应用函数后返回一个新字符串。

• String.prototype.split(reg)： 以指定的分隔符字符串将一个String对象分割成字符串数组， 若是分隔符是("")则会每一个字符都切割。

  • 注意：当字符串为空时，split（）返回一个包含一个空字符串的数组，而不是一个空数组，若是字符串和分隔符都是空字符串，则返回一个空数组。

• Array.prototype.join()方法: join() 方法将一个数组（或一个类数组对象）的全部元素链接成一个字符串并返回这个字符串，不改变原数组。

  • 参数： 指定一个字符串将数组的每个元素以这个字符串拼接，()为空默认为, 当("")是引号时则元素之间没有任何字符。这个方法经常和String.prototype.split()连用

一些经常使用的匹配字符

预约义类

字符集	等价于
.	[ ^ rn ]	除了换行和回车符以外全部字符
\d	[ 0-9 ]
\D	[ ^ 0-9 ]
\s	[ tvnr ]	包含制表符、空格、垂直制表符
\S	[ ^ tvnr ]
\w	[a-zA-Z ]
\W	[ ^ a-zA-Z ]

量词

重复修饰符	描述	示例
{n}	指定n 次	/d{5}/数字出现5次
{n,}	最少n次	/d{5,}/数字至少出现5次
{n,m}	n值m次
?	最多一次，{0,1}
+	最少一次
*	任意次

边界字符集

字符	含义
^	以 xxx开头
$	以 xxx结尾
\b	单词边界
\B	非单词边界

正则语法

构造方式

• const re1 = /\d/ 字面量语法 建立
• const re2 = new RegExp(\d) 构造函数 建立

使用正则搜索

str = "It will rain tomorrow"

//字符串在前
str.startWith("will") //true
str.endsWith("will") //true
str.includes("will") //true

str.match(/\w{3,}/g) // will rain tomorrow
str.search(/\w{3,}/g) // 3

//正则表达式在前

/\w{3,}/g.test(str) //true

....

经常使用用法

• 经常使用修饰符

g：global，全文搜索，不添加的话搜索到第一个结果中止搜索
i：ingore case，忽略大小写，默认大小写敏感
m：multiple lines，多行搜索

• \D 和 \S \W经常使用来去除不想要的

• \D可用来去除不是数字的的字符

  好比: var yourNumber  = 'phoneNumber15555555555'
  var number.replace(/\D/,'')

• \S 可用来确保必填字段中字符

  var username = '  daixixi '
  var value = /\S/.test(username)

• 各类修饰符时修饰前一个元素出现的次数

  var a = "hello world2hello china".match(/\w+/)

• .匹配除了换行和回车符以外字符，能够使用[/\s\S/]匹配全部字符
• 分组 : 当某一个修饰符对前一个元素进行影响时，若想对一组有做用则使用分组 /(ab)+/ 匹配至少一组连续的ab
• __或__: 使用竖线表示或，/a|b/ 表示匹配a或b（有个笑话就是这个|写成中文的丨怎么都查不出。。。）
• 取反 :有限字符集之外的字符 /[^abc]/ 除abc之外字符
• __范围__: 使用[a-z] 表示a到z 之间任意一个
• __字符类__:使用[]来构建一个简单的类，/[abc]/ 表示匹配其中任意一个都可

• 贪婪模式和非贪婪模式： 在设置了量词后匹配是默认是贪婪模式会即以最大的量词进行匹配，不过在量词后面加上?后就能够取最小量词进行匹配，是否匹配结束通常取决因而否加g

  '123456789'.match(/\d{3,5}/g); //["12345", "6789"]  
      '123456789'.match(/\d{3,5}?/g); //["123", "456", "789"]

• 分组嵌套:

  var str = '<a href="http://a.com">"网址"</a>'
  var reg = /href="((https?:)?\/\/.+?)"/
  console.log(str.match(reg))
  
  var url = str.match(reg)[1]

• 前瞻:

表达式	含义
exp1(?=exp2)	匹配后面是exp2的exp1
exp1(?!exp2)	<span class="Apple-tab-span" style="white-space:pre"></span>匹配后面不是exp2的exp1

获得是exp1的值，不过须要知足条件才会被匹配中