正则表达式

什么是正则表达式

MDN介绍介绍的很清楚:

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、replace、search 和 split 方法。

通常有两种方式创建正则表达式

• 构造函数

  var reg = new RegExp('<%[^%>]+%>','g');

• 字面量

  var reg=/<%[^%>]%>/g;

正则表达式有三种修饰符

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

正则表达式还有几个常见的元字符
( [ { \ ^ $ | ) ? * + .

需要注意的是: ^ 这个元字符出现在中括号里,如[^],表示是取反
[^a-z]表示,除小写字母以外的字符都能匹配,
/^a/g表示,全局匹配以a开头的字符

预定义类

字符	等价类	含义
.	[^\r\n]	除了回车符和换行符之外的所有字符
\d	[0-9]	数字字符
\D	[^0-9]	非数字字符
\s	[\t\n\x0B\f\r]	空白符
\S	[^\t\n\x0B\f\r]	非空白符
\w	[a-zA-Z_0-9]	单词字符，字母、数字下划线
\W	[^a-zA-Z_0-9]	非单词字符

有了这些预定义类，写一些正则就很方便了，比如我们希望匹配一个可以是 ab+数字+任意字符 的字符串，就可以这样写了 /ab\d./

边界

正则表达式还提供了几个常用的边界匹配字符

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

量词

之前我们介绍的方法都是一一匹配的，如果我们希望匹配一个连续出现20次数字的字符串难道我们需要写成这样

\d\d\d\d...
为此正则表达式引入了一些量词

字符	含义
?	出现零次或一次（最多出现一次）
+	出现一次或多次（至少出现一次）
*	出现零次或多次（任意次）
{n}	出现n次
{n,m}	出现n到m次
{n,}	至少出现n次

前瞻

表达式	含义
exp1(?=exp2)	匹配后面是exp2的exp1
exp1(?!exp2)	匹配后面不是exp2的exp1

分组

到目前为止，我们只能一个字符到匹配，虽然量词的出现，能帮助我们处理一排密紧密相连的同类型字符。但这是不够的，下面该轮到小括号出场了，中括号表示范围内选择，大括号表示重复次数。小括号允许我们重复多个字符。

下面来看几个例子
题目1： 写一个函数trim(str)，去除字符串两边的空白字符

function trim(str){
  return str.replace(/^\s+|\s+$/g,'')
}

题目2： 写一个函数isEmail(str)，判断用户输入的是不是邮箱

function isEmail(str){
  var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
  return reg.test(str)
}

题目3： 写一个函数isPhoneNum(str)，判断用户输入的是不是手机号

function isPhoneNum(str){
  var reg = /^1\d{10}$/
  return reg.test(str)
}

题目4： 写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）

function isUserName(str){
  var reg = /^\w{6,20}$/
  return reg.test(str)
}

题目5： 写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，只包括大写字母、小写字母、数字、下划线，且至少至少包括两种）

题目6： 写一个正则表达式，得到如下字符串里所有的颜色

var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) ) 

reg = /^#[0-9a-fA-F]{6}/

题目7： 改写代码，让其输出[""hunger"", ""world""].

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat);   //""hunger" , hello "world""


var str = 'hello  "hunger" , hello "world"';
var pat =  /".*?"/g;
str.match(pat);  // ""hunger"", ""world""