正则表达式

什么是正则表达式

MDN介绍介绍的很清楚:

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。这些模式被用于 RegExpexectest 方法, 以及 Stringmatchreplacesearchsplit 方法。

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

  • 构造函数

    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""

你可能感兴趣的:(正则表达式)