1、概念
正则表达式
1、概念
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>正则表达式</title>
</head>
<body>
</body>
<script type="text/javascript">
//RegExp对象
//创建正则对象方式1
//参数1 正则表达式（不能有空格）
//参数2 匹配模式：常用g（全局匹配；找到所有匹配，而不是第一个匹配后停止）和i（忽略大小写吧）
var str = 'hello World';
var reg1 = new RegExp('e','ig');
console.log(reg1)
//2.字面量方式创建
var reg2 = /o/gi;//检测字符e，不区分大小写，全局匹配
//正则对象提供的检索方式
//test() 检测字符串中是否包含定义字符模式，返回布尔
//要检索的字符在字符串str中 返回true
console.log(reg2.test(str));
//2.2 exec() 具体执行匹配，返回数组
console.log(reg2.lastIndex); // 2 保存一次匹配时开始的下标
console.log(reg2.exec(str)); //["o", index: 7, input: "hello world"]
console.log(reg2.lastIndex); //2
//3.常用方法
//match
var reg3 = /d/g;
console.log(str.match(reg3))
//2.replace替换： str.replace(被替换的，替换的)
console.log(str.replace(reg3,'*'));
//3.search()
console.log(str.search(reg3));//查询字符串在字符中出现的位置 下标
//4.split()
console.log(str.split(reg3));
</script>
</html>
2、元字符
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>元字符</title> <script> window.onload = function (){ //元字符 //1.单个字符和数字 //1 . 匹配除换行符以为的任意字符 var str = "oweb"; var reg = /./g; console.log(reg.exec(str)); var str = "www/baidu/com"; var reg = /www\......\.com/g; //如果想不让字符有其他意义 转义\ console.log(reg.exec(str)); //2. [] 匹配[]里面的任意一个字符 var str1 = "4awebadsads"; var reg1 = /[a-zA-Z0-9]/g; // 匹配字母还是数字 console.log(reg1.exec(str1)); var str2 = "1s34"; var reg2 = /[0-9][0-9][0-9]/g; console.log(reg2.exec(str2)); //3. [^] 所有不在这个范围内的字符 var str3 = "abd"; var reg3 = /[^a-z]/g; //匹配除小写字母以外的任意字符 console.log(reg3.exec(str3)); //4. \ var str4 = "web"; var reg4 = /\d/g; //匹配数字 var reg5 = /\D/g; //非数字 console.log(reg4.exec(str4)); //null console.log(reg5.exec(str4)); //w var reg6 = /\w/g; //匹配数字 字母 下划线_ var reg7 = /\W/g; //匹配除数字 字母 下划线以外的任意字符 console.log(reg6.exec(str4)); //w console.log(reg7.exec(str4)); //null var reg8 = /\s/g; //空格 var reg9 = /\S/g; //非空白字符 console.log(reg8.exec(str4)); //null console.log(reg9.exec(str4)); //w //5 锚字符 ^以什么开头 $以什么结尾 var str = "www."; var reg10 = /^www/g; // ^字符 console.log(reg10.exec(str)); var reg11 = /www\.$/g; //字符$ console.log(reg11.exec(str)); //重复的字符 //? 匹配前面的字符0个或一个 ， var strs = "webr44546ere"; var reg12 = /[0-9]?/g; console.log(reg12.exec(strs)); //* 匹配0个或任意多个字符 尽可能多的匹配 var reg13 = /[a-z]*/g; //匹配小写字母，0个或多个 console.log(reg13.exec(strs)); //+ 至少匹配一次 var reg14 = /\d+/g; console.log(reg14.exec(strs)); //{4} var stra = "11274567800"; var rega = /^1\d{10}$/g; //匹配连续的四个数字 console.log(rega.exec(stra)); //{1,4} 最少一个最多4个 var strb = "edg"; var regb = /^[a-zA-z]{2,3}$/g; console.log(regb.exec(strb)); //|| 竖线 或者 var strc = "www.google"; //baidu google ujiuye var regc = /www.baidu|google|ujiuye/g; console.log(regc.exec(strc)); //() 分组 var strc = "www.google"; //baidu google ujiuye var regc = /www.(baidu)|(google)|(ujiuye)/g; console.log(regc.exec(strc)); console.log(RegExp.$1); console.log(RegExp.$2); console.log(RegExp.$3); var str = "helloworld"; var reg = /(hello)(world)/g; /* console.log(reg.exec(str)); console.log(RegExp.$1);*/ console.log(str.replace(reg,"$2 $1")); } </script> </head> <body> </body> </html>
3、相关练习
http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>正则表达式相关练习</title> </head> <body> <script type="text/javascript"> //正则表达式练习 http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp window.onload = function () { //1.检索字符串中是否不包含字母 var str = '12'; var reg1 = /[^a-zA-Z]/g; console.log(reg1.test(str)); if(reg1.test(str)){ console.log('不包含'); }else{ console.log('包含'); } //2.去除字符串首尾空格 var str2 = ' hello world! '; //开头的空格 var reg =/^\s+/ig; // + 1到多次！ var str3 = str2.replace(reg,""); var reg2 = /\s+$/ig; var str4 = str3.replace(reg2,""); console.log("|"+str4+"|"); //3.检查用户账号 function checkUser(str) { var re = /^[a-zA-Z]\w{3,15}$/ig; if(re.test(str)){ console.log('正确') }else{ console.log('错误') } } checkUser('alex_haha'); //4.手机号码 11位数字以1开头 function checkMobile(str) { var re = /^1\d{10}$/ig; if(re.test(str)){ console.log('正确') }else{ console.log('错误') } } checkMobile('13788881239'); checkMobile('137893813323'); //5.电话号码 区号+号码 区号以0开头 3位或4位 // 号码由7位或8位数字组成 // 区号与号码之间可以无连接符，也可以"-"连接 function checkPhone(str) { var re = /^0\d{2,3}-?\d{7,8}$/ig; if(re.test(str)){ console.log('正确') }else{ console.log('错误') } } checkPhone("095-12345678"); //6.邮箱 //规则：第一部分@第二部分 //第一部分：由字母 数字 下划线 短线 - 点号 . 组成 //第二部分：为一个域名 域名由 字母 数字 短线 短线 - 域名后缀组成 // 域名后缀一般为 .xxx 或者 .xxx.xx 一区的域名后缀一般为 2-4 位，如cn, function checkEmail(str) { var re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/ig; if(re.test(str)){ console.log('正确') }else{ console.log('错误') } } checkEmail('alex@cnbolgs.cn'); } </script> </body> </html>
