正则表达式--实用篇

爱被打了一巴掌 2022-12-31 02:29 108阅读 0赞

### 验证是否为有效数字 ###

/* *规则分析： *1.可能出现 + - 号，也可能不出现 [+-]? *2.一位0-9都可以，多位首位不能是0 (\d|([1-9]\d+)) *3.小数部分可能有可能没有，一旦有后面必须有小数点+数字 (\.\d+)? */
    let reg = /^[+-]?(\d|([1-9]\d+))(\.\d+)?$/;

### 验证密码 ###

//=> 数字、字母、下划线
    //=> 6~16位
    let val = 'sfji_83A82';
    let reg = /^\w{6,16}$/;
    let flag = reg.test(val)
    console.log(flag); //=> true

### 验证姓名 ###

/* *1.汉字 /^[\u4E00-\U9FA5]$/ *2.名字长度 2~10位 *3.可能有译名 ·汉字 (·[\u4E00-\U9FA5]{2，10}){0,2} */
    let reg = /^[\u4E00-\U9FA5]{2,10}(·[\u4E00-\U9FA5]{2，10}){0,2}$/

### 验证邮箱 ###

let reg = /^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
    
    //=> \w+((-\w+)|(\.\w+))*
    //=> 1.开头是数字字母下划线 （1到多位）
    //=> 2.还可以是 -数字字母下划线 或者 .数字字母下划线，整体零到多次
    //=> 邮箱的名字由“数字、字母、下划线、-、.”几部分组成，但是-/.不能连续出现也不能作为开始
    //=> @[A-Za-z0-9]+
    //=> 1.@后面紧跟着：数字、字母 （1-多位）
    
    //=> ((\.|-)[A-Za-z0-9]+)*
    //=> 1.对@后面名字的补充
    //=> 多域名 .com.cn
    //=> 企业邮箱 zxt@zhufeng-peixun-office.com
    
    //=> \.[A-Za-z0-9]+
    //1.这个匹配的是最后的域名 (.com/.cn/.org/.edu/.net...)
    
    1276286521@qq.com

### 身份证号码 ###

/* *1. 一共18位 *2.最后一位可能是x * * 身份证前六位：省市县 130828 * 中间八位：年月日 * 最后四位： * 最后一位 => x 或者 数字 * 倒数第二位 => 偶数 女 奇数 男 * 其余的是经过算法算出来的 */
    let reg = /^\d{17}(\d|x)$/;
    //=> 小括号分组的第二个作用：分组捕获，不仅可以把大正则匹配的信息捕获到，还可以捕获到每个小分组的内容
    let reg = /^(\d{6})(\d{4})(\d{2})(\d{2})\d{2}(\d)(\d|x)$/;
    let res = reg.exec("130828199202281215");
    console.log(res);
    //=> ["130828199202281215", "130828", "1992", "02", "28", "1", "5", index: 0, input: "130828199202281215", groups: undefined]

# 重点：万能-正则表达式处理： #

## 时间字符串格式化 ##

## 获取URL参数 ##

## 千分符后的字符串 ##

~function () { 
         
         		/* 方法1：formatTime: 时间字符串的格式化处理 * @params * templete:[string] 我们最后期望获取日期格式的模板 * 模板规则：{0}->年 {1~5}->月日时分秒 * @return * [string]格式化后的时间字符串 * by zhufengpeixun on 2019/08/13 */
         function formatTime(templete = "{0}年{1}月{2}日 {3}时{4}分{5}秒") { 
             let timeAry = this.match(/\d+/g);
             console.log(timeAry);//=>["2019", "8", "13", "16", "51", "3"]
             return templete.replace(/\{(\d+)\}/g, (...[, $1]) => { 
                 let time = timeAry[$1] || "00";
                 return time.length < 2 ? "0" + time : time;
             })
         }
         
         		/* * 方法2：queryURLparams:获取URL地址问号后面的参数信息（可能也包含HASH值） * @params * @return * [object]把所有问号参数信息以键值对的方式存储起来并且返回 * by zhufengpeixun on 2019/08/13 */
         function queryURLparams() { 
             let obj = { };
             this.replace(/([^?=&#]+)=([^?=&#]+)/g,(...[,$1,$2])=>{ obj[$1] = $2});
             this.replace(/#([^?=&#]+)/g,(...[,$1])=>{ obj['HASH'] = $1});
             return obj
         }
         
         		/* *方法3：millimeter:实现大数字的千分符处理 * @params * @return * [string] 千分符后的字符串 * by zhufengpeixun on 2019/08/13 */
         function millimeter() { 
             return this.replace(/\d{1,3}(?=(\d{3})+$)/g, content => { 
                 return content + ','
             })
         }
    
         /*将方法 formatTime 扩展到内置类String.prototype上*/
         ["formatTime", "queryURLparams", "millimeter"].forEach(item => { 
             String.prototype[item] = eval(item); // 将字符串转换为js表达式，使用eval(string)
         })
         
     }();
    // 调用方法3：实现大数字的千分符处理
    let num = "15628954"
    console.log(num.millimeter());//=>15,628,954
    
    // 调用方法2：获取URL地址问号后面的参数信息
    let url = "http://www.zhufengpeixun.cn/?1x=1&from=wx#video";
    console.log(url.queryURLparams());//=>{1x: "1", from: "wx", HASH: "video"}
    
    // 调用方法1：时间字符串的格式化处理
    let time = "2019/8/13 16:51:3";
    
    // 想要什么格式的时间，就传入什么格式的时间模板
    console.log(time.formatTime("{0}年{1}月{2}日"));//=>2019年08月13日
    console.log(time.formatTime("{0}-{1}-{2} {3}:{4}:{5}"));//=>2019-08-13 16:51:03
    console.log(time.formatTime());//=>2019年08月13日 16时51分03秒
    
    //=> 服务器获取的时间格式：
    // "2019-8-13 16:51:3"
    // "2019/8/13 16:51:3"
    // "2019/8/13"
    
    // => 想要转变为的格式
    // "08月13日 16时51分"
    // "2019年08月13日"
    // "2019年08月13日 16时51分03秒"