正则&highlight高亮实现(干货)

写完正则表达式以后在浏览器上检测实在是不方便，于是就写了一个JS正则小工具，大大地提高了学习效率。学习之余用正则实现了一个highlight高亮demo,欢迎交流。

什么是正则表达式？

简单的说：正则表达式（Regular Expression）是一种处理字符串匹配的语言；

正则表达式描述了一种字符串匹配的模式，可以用来检查一个字符串是否含有某种子串，对匹配到的子串进行“取出”或“替换”操作。

正则表达式的应用

正则表达式在实际的开发过程中非常实用，能够快速解决一些复杂的字符串处理问题，下面我对正则表达式的应用做一些简单分类：

第一种：数据验证

比如，你要验证一个字符串是否是正确的EMail，Telphone，Ip等等，那么采用正则表达式就好非常方便。

第二种：内容查找

比如，你要抓取一个网页的图片，那么你肯定要找到<img>标签，这时候用正则表达式就可以精准的匹配到。

第三种：内容替换

比如，你要把手机号码中间四位隐藏掉变成这种模式，123****4567，那么采用正则表达式也会非常方便。

正则表达式有哪些内容

1、正则表达式的几个重要的概念

子表达式:在正则表达式中，如果使用"()"括起来的内容，称之为“子表达式”
捕获：子表达式匹配到的结果会被系统放在缓冲区中，这个过程，我们称之为“捕获”
反向引用：我们使用"\n"，其中n是数字，表示引用之前某个缓冲区之间的内容，我们称之为“反向引用”

2、数量限定符

x+	`表示：1或多个`
x*	`表示：0或多个`
x?	`表示：0或1个`
x{n}	`表示： n个`
x{n,}	`表示：至少n个`
x{n,m}	`表示：n至m个，贪婪原则，会尽可能匹配多个；如果在后面加个？,则为非贪婪原则`

3、字符限定符

\d	`表示：匹配一个数字字符，[0-9]`
\D	`表示：匹配一个非数字字符，[^0-9]`
\w	`表示：匹配包括下划线在内的单词字符，[0-9a-zA-Z_]`
\W	`表示：匹配任何非单词字符，[^0-9a-zA-Z_]`
\s	`表示：匹配任何空白字符，空格、回车、制表符`
\S	`表示：匹配任何非空白字符`
.	`表示：匹配任何单个字符`

此外还有以下几种：

范围字符：	`[a-z]、[A-Z]、[0-9]、[0-9a-z]、[0-9a-zA-Z]`
任意字符：	`[abcd]、[1234]`
非在内的字符：	`[^a-z]、[^0-9]、[^abcd]`

4、定位符

^	`表示：开头标识`
$	`表示：结尾标识`
\b	`表示：单词边界`
\B	`表示：非单词边界`

5、转义符

\	`用于匹配某些特殊字符`

6、选择匹配符

\|	`可以匹配多个规则`

7、特殊用法

?=	`正向预查：匹配以指定内容结束的字符串`
?!	`负向预查：匹配不是以指定内容结束的字符串`
?:	`不把选择匹配符的内容放到缓冲区`

正则表达式在Javascript下的使用方法

在Javascript下使用正则表达式，有两种方法:

第一种方法：使用RegExp类

提供的方法有：（正则表达式在前面）

test(str)

在字符串匹配是否有匹配模式的字符串，返回true/false

exec

如果正则表达式中有子表达式，使用exec方法时 //返回的是：result[0] = 匹配结果 ,

result[1] = 子表达式1的匹配结果 ……

第二种方法是：使用String类

提供的方法有：（正则表达式在后面）

search	`返回匹配模式的字符串出现的位置，如果没有，返回-1`
match	`返回匹配模式匹配到的字符串，如果有，返回数组，无，返回null`
replace	`将匹配模式匹配到的字符串进行替换`
split	`将字符串已匹配模式为分隔符进行字符串分隔，返回数组`

总结

正则表达式就是我们实现某个功能的一个工具，这个工具：

1、功能强大

正则表达式中各种限定符的不同组合会实现不同的功能，有时实现一个复杂的功能需要编写很长的正则表达式，如何能精准匹配，
这就要考验一个程序员的能力了。

2、简洁方便

平常我们在进行字符串内容查找，只能进行某个特定字符串的查找，但是正则表达式可以帮助我们进行模糊查找，更快更方便，
仅仅需要一个正则表达式串。

3、各种语言基本上都支持

目前如JAVA、PHP、Javascript、C#、C++等主流语言都支持正则表达式。

4、学习很简单，应用很高深

学习正则表达式很快也很简单，但是如何在实际开发中编写出高效地，精准地正则表达式，还是需要长时间的尝试和积累。