007.正则表达式实战

1.匹配以数字结尾的；
正则：/\d+$/g;
2.去掉空格；

   var str = "我 是 胖 先 森";
   console.log(str.replace(/\s+/g,""));//我是胖先森

3.判断字符串是不是由数字组成；

   var str = "123344我 是 胖 先 森1123344";

   console.log(/^\d*$/.test(str)); //false

   var str2 = "123445566";

   console.log(/^\d*$/.test(str2)); // true

4.电话号码正则
分析如下：电话号码有区号(3-4位数字)，区号之后使用 ”-” 与电话号码连接；
区号正则：^\d{3,4}
电话号码7~8位 正则 \d{7,8}
电话号码也有分机号，分机号为3-4位数字，非必填项，如果要填写的话，则以”-”与电话号码相连接。
正则 (-\d{3,4})?
因此正则匹配电话号码正则为：
/^\d{3,4}-/d{7,8}(-\d{3,4})?$/;

5.手机号码正则
手机号码需要匹配；手机号码开头不以0开始的，并且是11位数字，目前的手机号码有如下开头的：13,14,15,17,18开头的；因此正则如下：
/(^1[3|4|5|7|8][0-9]{9}$)/
如下测试代码：

var str = 15606512345;
var reg = /(^1[3|4|5|7|8][0-9]{9}$)/;
console.log(reg.test(str)); //true

6.删除字符串左右空格

// 删除字符串两侧的空白
/*
 * 下面的正则的含义是以1个或者多个空白开头的
 * | 是或者的意思 或者以1个或者多个空白结尾的
 * 也就是去掉头部和尾部的1个或者多个空格
 */

function trim(str) {
    return str.replace(/^\s+|\s+$/g,'');
}
var str1 = " 1234 ";
console.log(trim(str1)); // 输出去掉空格的 1234

7.限制文本框只能输入数字和小数点(二位小数点)
分析：开头有0个或者多个数字，中间有0个或者1个小数点，小数点后面有0个或者最多2个数字；

/*
/^\d*\.?\d{0,2}$/
*/
//测试代码如下：
var reg = /^\d*\.?\d{0,2}$/;
var str1 = .9;
console.log(reg.test(str1)); // true
var str2 = 1.99;
console.log(reg.test(str2)); // true
var str3 = "1a.99";
console.log(reg.test(str3)); // false

8.替换小数点前面的内容为指定内容

var href = "aa.php?d=1";
var reg = href.replace(/\b^(\w*)(?=\.)/,"bb");
console.log(reg); // bb.php?d=1

代码分析如下：
如上代码的含义是 使用正则replace替换操作
找出以字母数字下划线开头的字符，前面以\b分隔单词与边界的地方
因此会找出第一个字符串中第一个开头的字符,后面是以捕获性分组来匹配
后面紧跟着一个.号的匹配，分组只匹配位置，不匹配字符，是零宽度的；

9.匹配中文的正则
使用 Unicode，必须使用\u开头，接着是字符编码的四位16进制表现形式。
console.log(/[\u4E00-\u9FA5\uf900-\ufa2d]/g.test("我是")); //true

10.返回字符串中 中文字符的个数。
分析:使用replace方法把不是中文字符全部替换成空
返回被替换的字符，因此是中文字符；

var str = "111我是涂根华说得对aaaaa1234556";
var reg = /[^\u4E00-\u9FA5\uf900-\ufa2d]/g;
var val = str.replace(reg,'');
console.log(val); // 我是涂根华说得对
console.log(val.length); // 长度为 8

11.正则获取ip地址的前三段
比如如:192.168.16.162 需要变成 192.168.16
分析：使用正则匹配 .号后面带1-3位数字即可，
且以数字结尾的，把他们替换成空字符串。
代码如下：

var ip = "192.168.16.162";
console.log(ip.replace(/\.\d{1,3}$/,""));// 192.168.16
  1. 匹配标签中的内容
    比如匹配如代码
<ul><li>aaa</li><li>bbb</li></ul>

分析： 想获取ul中的内容，可以对匹配的内容使用分组
然后打印RegExp.$1 就获取到分组的内容了; 匹配所有字符
使用[\s\S]+ 空白和非空白的所有字符，且使用修饰符g代表全局的
如下代码：

var str2 = "<ul><li>aaa</li><li>bbb</li></ul>";
str2.match(/<ul>([\s\S]+?)<\/ul>/g);
console.log(RegExp.$1); //<li>aaa</li><li>bbb</li>
  1. 匹配标签中的文本。
    匹配文本思路：可以先把字符串内的所有标签替换成空字符串
    因此返回的就是文本了；
    正则 /<\/?[\s\S]+?>/gi
    如下代码：
var str3 = "<ul><li>aaa</li><li>bbb</li></ul>";
var c = str3.replace(/<\/?[\s\S]+?>/gi,"");
console.log(c); // aaabbb

14.正则获取文件名
文件名有如下几种

  • c:\images\tupian\006.jpg
  • C:\006.JPG
  • c:\images\tupian\006.jpg;
  • c:\images\tupian\aa.jpg;
  • c:/images/tupian/test2.jpg;

正则如：/[^\\\/]*[\\\/]+/gi;

  • 上面的正则含义是：[^\/]* 不以一个\ 或者 2个\ 或者 /(需要转义,使用)这样的反斜杠开头的
  • 零个或者多个字符,后面紧跟以一个\ 或者 两个\ 或者 /(需要转义，使用)这样一个或者多个分隔符
  • 全局匹配；
var s1 = "c:\\images\\tupian\\006.jpg",
s2 = "c:\\images\\tupian\\aa.jpg",
s3 = "c:/images/tupian/test2.jpg";
function getFileName(str){
    var reg = /[^\\\/]*[\\\/]+/gi;
    str = str.replace(reg,'');
    return str;
}
console.log(getFileName(s1)); // 006.jpg
console.log(getFileName(s3)); // test2.jpg

15.绝对路径变成相对路径
比如绝对路径 http://172.16.28.162/images/a.jpg 需要替换成./images/a.jpg
使用正则匹配 http:// //需要使用转义字符转义的 继续匹配除/以外的任何一个字符
直到有反斜杠/为止；然后替换成 . 字符
代码如下：

var reg = /http:\/\/[^\/]+/g;
var r1 = "http://172.16.28.162/images/a.jpg";
console.log(r1.replace(reg,'.')); // ./images/a.jpg

16.用户名正则
匹配规则：只能是中文，英文，数字，下划线，4-16个字符；
匹配中文字符正则：/[\u4E00-\u9FA5\uf900-\ufa2d]/
\w是 匹配英文，数字，下划线

var reg = /^[\u4E00-\u9FA5\uf900-\ufa2d\w]{4,16}$/;
var str = "我是12345678aa_123";
console.log(reg.test(str)); // true
var str = "我是12345678aa_1235";
console.log(reg.test(str)); // 17位 false

17.匹配英文地址
匹配规则：包含点，字母，空格，逗号，数字，但是开头和结尾必须为字母
分析：开头必须为字母可以这样写 /^[a-zA-Z]/
结尾必须为字母可以这样写：/[a-zA-Z]+$/
中间包含点，字母，空格，逗号，数字的正则：/[.a-zA-Z\s,0-9]?/
外面的号是0个或者多个，后面的问号? 代表可有可无;有就匹配，没有就不匹配;
测试代码如下：

var reg = /^[a-zA-Z][\.a-zA-Z\s,0-9]*?[a-zA-Z]+$/;
var str1 = "11aa";
console.log(reg.test(str1)); // false
var str2 = "aa111aaa";
console.log(reg.test(str2)); // true

18.匹配价格
匹配规则: 开头有0个或者多个数字，中间可能有一个小数点，后面有可能有0-2位小数
正则: /^\d*(\.\d{0,2})?$/

var reg = /^\d*(\.\d{0,2})?$/
var num1 = 12;
console.log(reg.test(num1)); // true
var num2 = .01;
console.log(reg.test(num2)); // true
var num3 = 1.01;
console.log(reg.test(num3)); // true
var num4 = "1.aa1";
console.log(reg.test(num4)); //false
var num5 = "1.1a";
console.log(reg.test(num5)); //false

19.身份证号码的匹配
匹配规则：身份证号码有15位或者18位，其中最后一位可能是X，其他全是数字
正则： /^(\d{14}|\d{17})(\d|[xX])$/

var reg = /^(\d{14}|\d{17})(\d|[xX])$/;
var identity1 = "36232919578996x";
console.log(reg.test(identity1)); // true
var identity2 = "36232919578996a";
console.log(reg.test(identity2)); // false
// 16位
var identity3 = "362329195789961x";
console.log(reg.test(identity3)); // false

20.单词的首字母大写
匹配字符串，让其字符串的首个字母大写
正则：/\b(\w)|\s(\w)/g
测试代码如下：

function replaceReg(reg,str) {
// 先转换为小写
str = str.toLowerCase();
return str.replace(reg,function(m){
      return m.toUpperCase();
});

 }

 var reg = /\b(\w)|\s(\w)/g;
 var str = "aadfdfCC";
 console.log(replaceReg(reg,str)); // Aadfdfcc

21.验证日期格式
日期格式有2种 第一种是yyyy-mm-dd 或 yyyy/mm/dd
分析 月和天数可以有1位或者2位
正则：/^\d{4}[-\/]\d{1,2}[-\/]\d{1,2}$/;

var reg = /^\d{4}[-\/]\d{1,2}[-\/]\d{1,2}$/;
var d1 = "2015-12-1";
console.log(reg.test(d1)); //true
var d2 = "2015-12-02";
console.log(reg.test(d2)); //true
var d3 = "2015/12/12";
console.log(reg.test(d3)); // true

22.验证邮箱的正则表达式
思路分析: 邮箱的规则是: 由3部分组成
由1个或者多个字母数字下划线和杠 + @ + 1个或者多个字母数字下划线和杠 + . + 1个或者多个字母数字下划线和杠
因此正则：/^([a-zA-Z_0-9-])+@([a-zA-Z_0-9-])+(\.[a-zA-Z_0-9-])+$/
测试代码如下：

var reg = /^([a-zA-Z_0-9-])+@([a-zA-Z_0-9-])+(\.[a-zA-Z_0-9-])+/;
var email1 = "tugenhua@126.com";
console.log(reg.test(email1)); //true
var email2 = "879083421_aaAA@qqAAzz_AA.comaaa";
console.log(reg.test(email2)); // true

23.匹配代码中的a链接
比如<a href='http://www.baidu.com'>222</a> 匹配这样的
使用正则：/<a[.\s]*href\s*=\s*'http:\/\/.*'>\w*<\/a>/gi;
测试代码如下：

var reg = /<a[.\s]*href\s*=\s*'http:\/\/.*'>\w*<\/a>/gi;
var html = "<div><a href='http://www.baidu.com'>222</a><p>344</p></div>";
console.log(html.match(reg)); // ["<a href='http://www.baidu.com'>222</a>"]
var html2 = "<div><a href='http://www.baidu.com'>222</a><p>344</p><a href='http://www.baidu2.com'>333</a></div>";
console.log(html2.match(reg)); //["<a href='http://www.baidu.com'>222</a><p>344</p><a href='http://www.baidu2.com'>333</a>"]
  1. 正则判断标签是否闭合
    没有闭合的标签有2种 类型 一种像img标签那样的
    <img src=""
    还有一种像div或者p标签那样的
    <div>aaa</div>
    <p></p>
    分析：先匹配起始标签 如<img 或 <p 使用正则：/<[a-z]+/i
    接着匹配标签里面的多个属性 使用正则 /(\s*\w*?\s*=\s*.+?)*(\s*?>[\s\S]*?(<\/\1>)+|\s*\/>)/i
    因此整个正则表达式合并为 /<([a-z]+)(\s*\w*?\s*=\s*.+?)*(\s*?>[\s\S]*?(<\/\1>)+|\s*\/>)/i
    正则分析如下：
    首先我们匹配像img标签或者div标签的开头位置时候 <img 或 <div 使用正则 /<([a-z]+)/i 以 < 开始 [a-z]中任意一个字符，修饰符+是一个或者多个字符 i代表不区分大小写 (\s*\w*?\s*=\s*.+?)* 的含义是：比如<img src = "" 或 <div id = "" 先\s*匹配0个或多个空白 \w* 匹配0个或者多个(数字或者字母或下划线) 后面的问号？(尽可能少的匹配)
    接着\s* 匹配0个或者多个空白 = 号紧接后面的 \s* 也是匹配0个或者多个空白 .+? 的含义是匹配除换行符之外的任意一个或多个字符(尽可能少的匹配);
    下面我们继续看标签的闭合 标签闭合有2种，一种像img这样的 <img src=""/> 还有一种是 <div></div>这样的；
    如果是类似img标签这样的话，匹配结束字符为 /> 匹配正则为：(\s*\/>); 如果是div这样的话 正则为：(\s*?>[\s\S]*?<\/\1>)
    <\/\1> 的含义是：指的是 ([a-z]+) 这个分组
    整个正则 /<([a-z]+)(\s*\w*?\s*=\s*".+?")*(\s*?>[\s\S]*?<\/\1>)|\s*\/>/i
    注意：在元字符* 或者 + 号后加一个问号(?) 目的是尽可能少的匹配；
var reg = /<([a-z]+)(\s*\w*?\s*=\s*".+?")*(\s*?>[\s\S]*?<\/\1>)|\s*\/>/i;
var str1 = "![](aa)";
var str2 = "<div></div>";
console.log(reg.test(str1));  // true
console.log(reg.test(str2));  // true
var str3 = "<img src='bb'";
console.log(reg.test(str3)); // false
var str4 = "<div>aaa";
console.log(reg.test(str4)); // false
//但是如上正则对下面的这个demo列子就不适用了；相同的标签嵌套没有闭合的情况下 如下
var str5  = "<div><div>aaa</div>";
console.log(reg.test(str5)); // true 实际上是false 因为有没有闭合标签

25.获取标签里面的内容
正则和上面一样 只是使用了一个分组后，再获取那个分组即可；

var str = "<div>111</div>";
str.match(/<([a-z]+)(\s*\w*?\s*=\s*".+?")*\s*?>([\s\S]*?)<\/\1>/);
console.log(RegExp.$3);  // 111

26.正则判断是否为数字和字母的混合
规则：字母和数字的混合
正则如： /^(([a-z]+)([0-9]+)|([0-9]+([a-z]+)))[a-z0-9]*$/i
分析：

  • ^([a-z]+)([0-9]+) 含义是 以1个或多个字母开头 后面紧跟1个或者多个数字
  • ^([0-9]+([a-z]+)) 或者是以1个或者多个数字开头 后面紧跟1个或者多个字母
  • [a-z0-9]*$ 后面还可以紧跟数字或者字母0个或者多个
    测试代码如下：
var reg = /^(([a-z]+)([0-9]+)|([0-9]+([a-z]+)))[a-z0-9]*$/i;
var str1 = "aaaa";
var str2 = "aa22";
var str3 = "111sddtr";
var str4 = "问问啊啊啊ass";
var str5 = "1111ssdsd111sasddas";
console.log(reg.test(str1));  //false
console.log(reg.test(str2));  // true
console.log(reg.test(str3));  // true
console.log(reg.test(str4));  // false
console.log(reg.test(str5));  // true

27.将阿拉伯数字转换为中文大写字符

var arrs = ["零","壹","贰","叁","肆","伍","陆","柒","捌","玖"];

function replaceReg2(reg,str){
    return str.replace(reg,function(m){return arrs[m];})
}

var reg = /\d/g;
var str1 = '13889294444';
var str2 = '12889293333';
var str3 = '23445567';
console.log(replaceReg2(reg,str1)); // 壹叁捌捌玖贰玖肆肆肆肆
console.log(replaceReg2(reg,str2)); // 壹贰捌捌玖贰玖叁叁叁叁
console.log(replaceReg2(reg,str3)); // 贰叁肆肆伍伍陆柒

28.替换文本中的url为链接
比如一段文本中有 aaaaahttp://www.baidu.combbbbb 需要替换成 aaaaa<a href="http://www.baidu.com">http://www.baidu.com</a>bbbbb
分析：最主要的还是需要正则匹配http://www.baidu.com 的url
正则如：/http:\/\/\w*(\.\w*)+/ig;

var str1 = "aaaaahttp://www.baidu.com bbbbb";
//var reg = /http:\/\/\w*(\.\w)+/ig;
var reg = /http:\/\/\w*(\.\w*)+/ig;
function replaceUrl(reg,str) {
  return str.replace(reg,function(r){
    return "<a href='"+r+"'>"+r+"</a>";
  });
}
console.log(replaceUrl(reg,str1)); 
// aaaaa<a href='http://www.baidu.com'>http://www.baidu.com</a> bbbbb
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 199,636评论 5赞 468
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 83,890评论 2赞 376
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 146,680评论 0赞 330
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 53,766评论 1赞 271
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 62,665评论 5赞 359
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,045评论 1赞 276
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,515评论 3赞 390
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,182评论 0赞 254
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,334评论 1赞 294
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,274评论 2赞 317
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,319评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,002评论 3赞 315
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,599评论 3赞 303
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,675评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,917评论 1赞 255
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 42,309评论 2赞 345
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 41,885评论 2赞 341

推荐阅读更多精彩内容

  • 正则表达式
    初衷：看了很多视频、文章，最后却通通忘记了，别人的知识依旧是别人的，自己却什么都没获得。此系列文章旨在加深自己的印...
    DCbryant阅读 3,979评论 0赞 20
  • 30分钟学会正则表达式
    推荐几个正则表达式编辑器 Debuggex ：https://www.debuggex.com/ PyRegex：...
    木易林1阅读 11,437评论 9赞 151
  • 正则表达式详解
    几个正则表达式编辑器 Debuggex ：https://www.debuggex.com/ PyRegex：ht...
    没技术的BUG开发攻城狮阅读 4,578评论 0赞 23
  • 西安归来也无风景无尘
    当飞机在江北机场地面跑道滑行的时候，心里很踏实，真想激动的大喊三声：“重庆我们回来了。”关于西安的记忆也无风景也无...
    浅草樱落阅读 170评论 0赞 0
  • 旧人不在，最为诛心
    七月我回家，走进家门的那一刻，我才清晰的意识到，我的姥爷，他，将再也不会在我的生命中出现了。 再也没有人在我回家的...
    艾米栗狂想曲阅读 250评论 0赞 0