前端开发正则表达式Web前端之路

JS正则表达式

2017-09-21  本文已影响30人  墨马

search()

用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置

var str = "Visit Runoob!"; 
var n = str.search(/Runoob/i);//6 

replace()

用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串

var str = "visit microsoft"; 
var txt = str.replace(/microsoft/i,"Runoob");//visit Runoob

test()

检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false

var patt = /e/;
patt.test("The best things in life are free!"); //true
//相同效果
/e/.test("The best things in life are free!") ;

exec()

返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null

/e/.exec("The best things in life are free!"); //e

match()

在字符串内检索指定的值,或找到一个或多个正则表达式的匹配

var str="The rain in SPAIN stays mainly in the plain"; 
var n=str.match(/ain/gi); //ain,AIN,ain,ain 
修饰符 描述
i 执行对大小写不敏感的匹配
g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
m 执行多行匹配
[abc] 查找方括号之间的任何字符
[^abc] 查找任何不在方括号之间的字符
[A-Z] 查找任何从大写 A 到大写 Z 的字符
var str="That's hot!";
var patt1=/h.t/g; 
str.match(patt1);//hat,hot 
var str="Give 100%!"; 
var patt1=/\w/g;
document.write(str.match(patt1));
//查找单词字符G,i,v,e,1,0,0 
var str="Give 100%!"; 
var patt1=/\W/g;
document.write(str.match(patt1));
//查找非单词字符 ,%,! 
\d  "查找数字"
\D "查找非数字字符"
\s "查找空白字符"
\S "查找非空白字符"
var str="Visit blueice"; 
var patt1=/\bblue/g;
document.write(str.match(patt1));
//匹配单词边界 blue
var str="Visit blueice"; 
var patt1=/\Bbice/g;
document.write(str.match(patt1));
//匹配非单词边界 ice
\0 查找 NULL 字符
\n "找换行符"
\f  "查找换页符"
\r "查找回车符"
\t "查找制表符"
\v "查找垂直制表符"
var str="Visit W3Cschool. Hello World!"; 
var patt1=/\127/g;
document.write(str.match(patt1));
//\xxx "查找以八进制数 xxx 规定的字符"  W,W
var str="Visit W3Cschool. Hello World!"; 
var patt1=/\x57/g;
document.write(str.match(patt1));
//\xdd "查找以十六进制数 dd 规定的字符"  W,W
\uxxxx "查找以十六进制数 xxxx 规定的 Unicode 字符"
var str="Hellooo World! Hello Runoob!"; 
var patt1=/o+/g;
document.write(str.match(patt1));
//ooo,o,o,oo 
var str="Hellooo World! Hello W3Schools!"; 
var patt1=/lo*/g;
document.write(str.match(patt1));
//l,looo,l,l,lo,l 
var str="100, 1000 or 10000?";
var patt1=/\d{4}/g; 
document.write(str.match(patt1));
//1000,1000 
n{X} 匹配包含 X 个 n 的序列的字符串
var str="100, 1000 or 10000?";
var patt1=/\d{3,4}/g; 
document.write(str.match(patt1));
//100,1000,1000 
n{X,Y} X和Y为正整数前面的模式n连续出现至少X次至多Y次时匹配
var str="100, 1000 or 10000?";
var patt1=/\d{3,}/g; 
document.write(str.match(patt1));
//100,1000,10000 
n{X,} 匹配包含至少 X 个 n 的序列的字符串
n$ 匹配任何结尾为 n 的字符串
^n 匹配任何开头为 n 的字符串
?=n 匹配任何其后紧接指定字符串 n 的字符串
?!n 匹配任何其后没有紧接指定字符串 n 的字符串
"hi¦hello":表示一个字符串里有"hi"或者"hello";
"(b¦cd)ef":表示"bef"或"cdef";
"(a¦b)*c":表示一串"a""b"混合的字符串后面跟一个"c";

实例

/*是否带有小数*/
function    isDecimal(strValue )  {  
   var  objRegExp= /^\d+\.\d+$/;
   return  objRegExp.test(strValue);  
}  

/*校验是否中文名称组成 */
function ischina(str) {
    var reg=/^[\u4E00-\u9FA5]{2,4}$/;   /*定义验证表达式*/
    return reg.test(str);     /*进行验证*/
}

/*校验是否全由8位数字组成 */
function isStudentNo(str) {
    var reg=/^[0-9]{8}$/;   /*定义验证表达式*/
    return reg.test(str);     /*进行验证*/
}

/*校验电话码格式 */
function isTelCode(str) {
    var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
    return reg.test(str);
}

/*校验邮件地址是否合法 */
function IsEmail(str) {
    var reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
    return reg.test(str);
}
上一篇 下一篇

猜你喜欢

热点阅读