Rumah > hujung hadapan web > tutorial js > 关于正则表达式的相关理解

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

jacklove
Lepaskan: 2018-05-21 15:33:01
asal
1691 orang telah melayarinya

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

\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,'') //匹配开头或结尾的空白字符,替换成'';
 }
Salin selepas log masuk

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

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

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

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

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

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

写一个函数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;
    }
}
Salin selepas log masuk

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

var re = /*正则...*/var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "console.log( subj.match(re) )  // ['#121212', '#AA00ef']
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) )
Salin selepas log masuk

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

var str = 'hello  "hunger" , hello "world"';var pat =  /".*"/g;
str.match(pat);
//输出[""hunger" , hello "world""];
Salin selepas log masuk

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

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*?"/g;  //添加?改成非贪婪模式,尽可能少的匹配;
str.match(pat); //[""hunger"", ""world""]
Salin selepas log masuk

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

相关推荐:

Javascript中关于this的用法

关于Math、数组、Date的相关例子

HTML5/CSS3相关的知识讲解

Atas ialah kandungan terperinci 关于正则表达式的相关理解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan