首页 >web前端 >js教程 >关于正则表达式的相关理解

关于正则表达式的相关理解

jacklove原创: 2018-05-21 15:33:011678浏览

本篇将会详解正则表达的相关知识。

\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分别是什么？

\d：元字符，匹配一个数字，等价于[0-9]（匹配0到9中的一个）；
\w：元字符，匹配字母或数字或下划线或汉字，等价于[0-9a-zA-Z_]；
\s：元字符，匹配任意的空白符；
[a-zA-Z0-9]：[]规定了一个范围，匹配当中的其中一个，示例则匹配a-z/A-Z/0-9中的一个，相当于\w（除了汉字）；
\b：元字符，匹配单词的开始或结束（单词边界）：

var a= "hello helloworld";var reg = /\bhello\b/;
a.match(reg);//结果为"hello"；

.：元字符，匹配除换行符以外的所有字符；
*：限定符，重复0次或更多次；
+：限定符，重复1次或更多次，最少1次；
？：限定符，重复0次或1次；
x{3}：限定符，x出现3次（{n}重复n次；{n,m}重复n-m次（包括n,m）；{n,}重复最少n次；{,m}重复最多m次）；
：在[]中意为取反（[abc]匹配abc中任意一个，[abc]匹配除abc外的任意字符）；其他时候可以匹配字符串的开头；
$：匹配字符串的结束；（^hello&：匹配以hello开头，hello结尾的字符串）

写一个函数trim(str)，去除字符串两边的空白字符

function trim(str) {    return str.replace(/^\s+|\s+$/g,&#39;&#39;) //匹配开头或结尾的空白字符，替换成&#39;&#39;;
 }

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

function isEmail(str) {    var reg = /^[a-zA-Z\d_]+\@[a-zA-Z\d]+\.[a-zA-Z\d]+$/g;    return reg.test(str);
 }

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

function isPhoneNum(str) {    var reg = /^1[3578]\d{9}$/g;    return reg.test(str);
}

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

function isValidUsername(str) {    var reg = /^([a-zA-Z\d_]){6,20}$/g;    return reg.test(str);
}

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

function isValidPassword(str) {    if (/^[a-zA-Z0-9_]{6,20}$/g.test(str)) {        if (/^[a-z]{6,20}$/g.test(str) || /^[A-Z]{6,20}$/g.test(str) || /^[0-9]{6,20}$/g.test(str) || /^[_]{6,20}$/g.test(str)) {            return false;
        }else {            return true;
        }
    }else {        return false;
    }
}

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

var re = /*正则...*/var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "console.log( subj.match(re) )  // [&#39;#121212&#39;, &#39;#AA00ef&#39;]
var re = /#[a-f\d]{6}/ig;var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee";console.log( subj.match(re) )

下面代码输出什么? 为什么? 改写代码，让其输出[""hunger"", ""world""]

var str = &#39;hello  "hunger" , hello "world"&#39;;var pat =  /".*"/g;
str.match(pat);
//输出[""hunger" , hello "world""];

//正则表达式默认情况下是贪婪模式，会在满足条件的情况下尽可能多的进行匹配；
//改写代码

var str = &#39;hello  "hunger" , hello "world"&#39;;
var pat =  /".*?"/g;  //添加?改成非贪婪模式，尽可能少的匹配；
str.match(pat); //[""hunger"", ""world""]

本篇对正则表达进行了相关的解释，更多相关的内容请关注php中文网。

关于正则表达式的相关理解

相关文章