美文网首页
5-3与正则相关的方法

5-3与正则相关的方法

作者: 大庆无疆 | 来源:发表于2019-03-12 17:21 被阅读0次

    与正则相关的方法

    1、RegExp对象中

    test() 匹配
    exec() 提取一个内容

    2、String对象中

    match() 提取多个内容
    replace()
    split()
    search() 字符串中首次匹配项的索引,找不到返回-1

    
    -----------------------exec()--------------------------
    exec()  只返回一个匹配的结果(结果是数组),如果没有匹配的内容返回null
    
    // 例子:
    var salary = '张三:232,李四:89';
    // 正则模式
    var regularExpression = /\d+/gi;    // 匹配一个或多个数字,全局匹配并忽略大小写
    console.log(regularExpression.exec(salary));//打印出一个数组,但只有一个元素,值是 232
    console.log(regularExpression.exec(salary));//打印出一个数组,但只有一个元素,值是 89
    console.log(regularExpression.exec(salary));//返回null
    //如果上面的正则式没有写全局匹配,无论执行多少次exec(),返回的都是跟第一次一样的结果
    
    // 将工资打印出来
    do{
        var arr = regularExpression.exec(salary);//如果有就返回一个数组,没有则返回null
        // 如果是数组不是null
        if(arr) {
            console.log(arr[0])
        }
    }while(arr);
    
    -----------------------match()---------------------
    
    // 例子:提取工资
    var salary = '张三:232,李四:89';
    // 正则模式
    var regularExpression = /\d+/gi;    // 匹配一个或多个数字,全局匹配并忽略大小写
    console.log(salary.match(regularExpression));   //打印一个数组 ["232", "89"]
    //相比exec(),可以提取多个内容了----但是如果不是全局匹配的话返回的数组也只有一个元素
    
    // 例子2,提取邮箱
    var str = '123123@xx.com,fangfang@valuedopinions.cn 这是其它内容 286669312@qq.com 2、emailenglish@emailenglish.englishtown.com 286669312@qq.com...'; 
    var reg = /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/g;
    console.log(str.match(reg));
    
    -------------------------------------------------
       // 3. 分组提取  
    // 3. 提取日期中的年部分  2015-5-10
    var dateStr = '2015-1-5';
    // 加括号
    var reg = /(\d{4})-(\d{1,2})-(\d{1,2})/;    
    
    console.log(reg.test(dateStr)); //输出true
    console.log(reg.exec(dateStr)); //输出数组,不过这次的数组不止一个元素,有四个元素
    console.log(dateStr.match(reg));//输出数组,一样有四个元素
    
    // 注意:使用这种RegExp.$n需要先执行上面三个方法中的一个(目前不知道为什么)
    console.log(RegExp.$1);//2015---第一个括号里的内容
    console.log(RegExp.$2);//1------第二个括号里的内容
    console.log(RegExp.$3);//5------第三个括号里的内容
    
    --------------------split()----------------
    
    // 1. 提取日期中的年部分  2015-5-10
    var dateStr = '2015-1-5';
    console.log(dateStr.split('-'));
    
    var dateStr = '2015/1-5';
    console.log(dateStr.split(/[/-]/));
    
    
    // 2. 提取邮件中的每一部分
    var str = 'xxxx@itcast.com';
    console.log(str.split(/[@\.]/));
    
    --------------replace()-----------------
    
    // 练习1 把字符串中的空格给去掉
    var str = 'sfs sdfs  sfsf    f';
    
    // console.log(str.replace(' ', ''));   //使用这个方法只能替换第一个空格
    
    // 使用正则
    console.log(str.replace(/\s/g, ''));    //成功去除了所有的空格
    
    //之前还学过一个方式
    var arr = str.split(' ');   //用空格分隔字符串,返回一个数组
    console.log(arr.join(''));  
    
    // 练习2 将-和_转换为,
    var str2 = 'asdf_s-sf-sf-_dsdf';
    var newStr2 = str2.replace(/-|_/g, ',');
    console.log(newStr2);   //asdf,s,sf,sf,,dsdf
    ----------search()-----------------
    console.log(str2.search(/f/g));//输出3
    

    相关文章

      网友评论

          本文标题:5-3与正则相关的方法

          本文链接:https://www.haomeiwen.com/subject/hjinpqtx.html