基础练习：　

1 //连续3个数字 2 var pattern1 = /\d{3}/g; 3 console.log(pattern1.test('s23')); // false 4 console.log(pattern1.test('s112s')); // true 5  6 //连续2个相同的 数字 7 var pattern1 = /(\d)\1/g; 8 console.log(pattern1.test('s23')); // false 9 console.log(pattern1.test('s223s')); // true10 11 //连续3个相同的数字12 var pattern1 = /(\d)\1{2}/g;13 console.log(pattern1.test('s23')); // false14 console.log(pattern1.test('s222s')); // true15 16 //连续3个或3个以上 相同的 字符17 var pattern1 = /(\w)\1{2,}/g;18 console.log(pattern1.test('s23')); // false19 console.log(pattern1.test('saaaa2s')); // true20 21 //正整数22 [1-9]\d*23 24 //负整数25 -[1-9]\d*26 27 //整数28 (-?[1-9]\d*)|029 30 //正浮点数31 \d+.\d+32 33 //负浮点数34 -\d+.\d+35 36 //浮点数37 -?\d+.\d+38 39 //中文字符40 [\u4e00-\u9fa5]41 42 //双字节中文字符43 [^\x00-\xff]44 45 //空格46 \s47 48 //换行49 \n

^ 和 $ 使用：

1 //假如我把 正浮点数 的正则写成这样 ：(0.\d+)|(\d+.\d+) ，现在开始匹配 2  3 //匹配一个字符串中的 正浮点数 4 var pattern = /(0.\d+)|(\d+.\d+)/;  5 console.log(pattern.test('0'));  // false 6 console.log(pattern.test('0.5'));  // true 7 console.log(pattern.test('a0.5'));  // true 8 console.log(pattern.test('a0.5s'));  // true 9 console.log(pattern.test('a0.a5s'));  // false10 11 //匹配以 `正浮点数` 开头或结尾 的字符串12 var pattern = /^(0.\d+)|(\d+.\d+)$/; 13 console.log(pattern.test('0.5'));  // true14 console.log(pattern.test('a0.5'));  // true15 console.log(pattern.test('a0.5s'));  // false16 console.log(pattern.test('a0.a5s'));  // false17 18 //只匹配 正浮点数19 var pattern = /^(0.\d+)$|^(\d+.\d+)$/;20     //或      /^((0.\d+)|(\d+.\d+))$/ 21 console.log(pattern.test('0.5'));  // true22 console.log(pattern.test('a0.5'));  // false23 console.log(pattern.test('a0.5s'));  // false24 console.log(pattern.test('a0.a5s'));  // false

格式日期：

//只匹配 日期格式：年-月-日var pattern7 = /^\d{4}-(1[0-2]|0?[1-9])-(0?[1-9]|[12]\d|3[01])$/; console.log(pattern7.test('ad2016-08-20ad'));  // falseconsole.log(pattern7.test('2016-08-20'));  // trueconsole.log(pattern7.test('2016-8-20'));  // trueconsole.log(pattern7.test('16-08-20'));  // falseconsole.log(pattern7.test('2016/08/20'));  // false        //若去掉^和$var pattern7 = /\d{4}-(1[0-2]|0?[1-9])-(0?[1-9]|[12]\d|3[01])/; console.log(pattern7.test('ad2016-08-20ad'));  // true//只匹配 日期格式：年-月-日 或 年.月.日 或 年/月/日var pattern7 = /^\d{4}(\/|\-|.)(0?[1-9]|1[0-2])\1(0?[1-9]|[12]\d|3[0-1])$/ console.log(pattern7.test('ad2016-08-20ad'));  // falseconsole.log(pattern7.test('2016-08-20'));  // trueconsole.log(pattern7.test('2016/08/20'));  // trueconsole.log(pattern7.test('2016.8.20'));  // trueconsole.log(pattern7.test('2016-08-9'));  // trueconsole.log(pattern7.test('2016/18/20'));  // false

时间：

//只匹配  时间格式：小时:分钟, 24小时制var pattern8 = /^((0?|1)\d|2[0-3]):([0-5]\d)$/;console.log(pattern8.test('13:45'));  // trueconsole.log(pattern8.test('3:45'));  // trueconsole.log(pattern8.test('13点45')); // false

身份证号码：

//只匹配 中国大陆身份证号，15位或18位var pattern9 = /^\d{15}|\d{17}[\d|X]$/;          //或   /^\d{15}(\d{2}[0-9X])?$/console.log(pattern9.test('15020416803082111X'));  //trueconsole.log(pattern9.test('422322199901090033'));  // trueconsole.log(pattern9.test('asdfasdfasfasdf123'));  // false

其它：

//只匹配 用户名^[A-Za-z0-9_\/-\u4e00-\u9fa5]+$//只匹配 长度为8-10的用户密码（以字母开头、数字、下划线）^[A-z\_]\w{7,9}$//只匹配 QQ号^[1-9](\d{5,11})$//只匹配 手机（国内）^0?(13|14|15|17|18|19)[0-9]{9}$

面试练习题：

1、匹配字符串中所有的HTML（1）标签头部 或 尾部 （2）标签头部（3）完整标签

var str = 'ada054
     
      adda
     
ad'var result = str.match(/<.*>/g);console.log(result); //["054
     
      adda
     
"]//（1）匹配 标签头部 或 尾部var result = str.match(/<.*?>/g);console.log(result); //["", "", "
     
      ", "
     
"]//（2）匹配 标签头部var result2 = str.match(/<[A-z].*?>/g);console.log(result2);// ["", "
      
       "]//（3）匹配 完整标签var result3 = str.match(/<[A-z].*?>.*?<\/.*?>/g);console.log(result3);// ["
       0", "
       
        adda
       
"]
      

2、写出正则表达式， 从一个字符串中提取所有链接地址。 比如下面字符串中

var str = 'IT面试题博客中包含很多微软面试题';var exg = /
     
      ]*)+href="(.*)"(?: [^>]*)*>/g;console.log(exg.exec(str)[1]);//http://hi.baidu.com/mianshiti/blog/category/微软面试题
     

3、如何获取一个字符串中的数字字符，并按数组形式输出，如：‘dgfhfgh254bhku289fgdhdy675gfh’ ，输出[254,289,675]

var str = 'dgfhfgh254bhku289fgdhdy675gfh';console.log(str.match(/\d+/g)); //["254", "289", "675"]

4、敏感词过滤

var str = '我草你妈哈哈背景天胡集涛哪肉涯剪短发欲望';var result = str.replace(/草|肉|欲|胡|急|涛/g,'*');console.log(result); //我*你妈哈哈背*天***哪*涯剪短发*望

5、给的字符串str，检查其是否符合美元书写格式

　　1、以$开头

　　2、整数部分从个位起，满三个数用“，”分隔

　　3、如果是小数，则小数部分长度为2

　　4、正确的格式如：$1,023,032.03或$2.03，错误格式：$3,432,12.12或者$34,344.3

var pattern7 = /^\$\d{1,3}(,\d{3})*(\.\d{2})$/; console.log(pattern7.test('$1,023,032.03'));  // trueconsole.log(pattern7.test('$2.03'));  // trueconsole.log(pattern7.test('$3,432,12.12'));  // falseconsole.log(pattern7.test('$34,344.3'));  // falseconsole.log(pattern7.test('da$2.03'));  // false

6、给定字符串 str，检查其是否以元音字母结尾。

　　元音字母包括 a，e，i，o，u，以及对应的大写；若包含则返回 true，否则返回 false

function endsWithVowel(str) {    return (/[a,e,i,o,u]$/i).test(str);}console.log(endsWithVowel('gorilla'));  //trueconsole.log(endsWithVowel('gorillE'));  //trueconsole.log(endsWithVowel('gorillx'));  //false

7、驼峰式字符串borderLeftColor和 连字符式字符串border-left-color相互转换

var str = 'borderLeftColor';var str2 = 'border-left-color';///把str换成  连字符式console.log(str.replace(/[A-Z]/g, (item) => '-' + item.toLowerCase()));   //border-left-color//把str换成  驼峰式console.log(str2.replace(/-([a-z])/g, (item, $1) => $1.toUpperCase())); //borderLeftColor

8、对人口数字的格式化处理，三位数字用一个’,’(逗号)隔开

function numberWithCommas(x) {    //对右侧人口数字的格式化处理，三位数字用一个','(逗号)隔开    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');}console.log(numberWithCommas(12345678))//12,345,678

9、去掉http协议的jpg文件的协议头

var imgs = [      'http://img.host.com/images/fds.jpg',    'https://img.host.com/images/fjlj.jpg',    'http://img.host.com/images/djalsdf.png',    'https://img.host.com/images/adsjfl.png',    'http://img.host.com/image/jasdlf.jpg'];var result = imgs.map((img)=>{   return img.replace(/http:(\/\/.+\.jpg)/,(item,$1) => {      return $1  });});console.log(result);// ["//img.host.com/images/fds.jpg", //  "https://img.host.com/images/fjlj.jpg", //    "http://img.host.com/images/djalsdf.png", //    "https://img.host.com/images/adsjfl.png", //    "//img.host.com/image/jasdlf.jpg"]

10、找出数组中的表示日期的时间字符串，并修改格式为‘月-日-年’

var times= ['2006/02/03',  'test/07/sd',  '2016/05/10',  '1998-03-07',  '12345/23/45678',  '1234/23/56789',  '12345/23/45']var result = times.map((time)=>{    return time.replace(/^(\d{4})[/-](\d{2})[/-](\d{2})$/,(match,$1,$2,$3)=>{        return $1-$2-$3;      });});console.log(result);//[ '02-03-2006',  // 'test/07/sd',  // '05-10-2016',  // '03-07-1998',  // '12345/23/45678',  // '1234/23/56789',  // '12345/23/45' ]

11、获取 url 中的参数

//    获取 url 参数 function getUrlParam(sUrl, sKey) {   var arr={};   sUrl.replace(/\??(\w+)=(\w+)&?/g,function(match,p1,p2){       //console.log(match,p1,p2);       if(!arr[p1]){           arr[p1]=p2;       }       else {           var p=arr[p1];           arr[p1]=[].concat(p,p2);       }   })   if(!sKey)return arr;   else{       for(var ele in arr){           if(ele==sKey){
   return arr[ele];}       }       return "";   } }

12、让字符串制定部分变色

     
      我爱你哈哈爱你
     
var oDiv = document.getElementById('as');var str = oDiv.innerHTML;var newStr = str.replace(/爱/g, m => "" + m + "");oDiv.innerHTML = newStr;

显示：我爱你哈哈爱你

转载：https://blog.csdn.net/b954960630/article/details/8263400