• 快速熟悉正则表达式


    在日常工作中,我们经常写正则表达式,比如在表单中经常用来验证用户输入的格式是否正确,我们就会用到正则表达式;可以把正则表达式看做是可以描述问题的语言,它就是专门为模式匹配而设计的


    上个整理的思维导图,后面再展开写

    正则表达式的语法

    可以简单粗暴得把正则表达式理解为查找东西,举个例子:要在"Hello World"中找到"world"这个单词,先用直白的语言来描述就是查找"从w开头到d结束的字母组合",使用正则来描述就是ww*d,这个就是模式字符串,它由元字符和字面量字符组成

    • 常见的元字符如下:
    • 正则表达式中的旗标
    • 正则表达式中的转义字符

    JS中的正则表达式

    • 两种生成方式,举例:匹配0-9有没有出现

    1、通过RegExp var reg=new RegExp('^[0-9]','g');
    2、通过表达式字面量 var reg=/^[0-9]/g;

    • 两种常用的方法test()、exec()

    1、test方法:如果输入字符串与模式相匹配,test就返回真,没有则返回假
    2、exec方法:如果输入字符串与模式匹配,则返回一个数组,没有匹配就返回null

    /*test()方法,匹配是否有出现0-9*/
    var reg1=/^[0-9]/;
    reg1.test('There is no number');
    //返回结果为false
    
    /*exec()方法,匹配句子里面的单词,两个单词一组*/
    /*没有设置全局旗标*/
    var reg2=/(w+)s(w+)/;
    reg2.test('There is no number');
    //返回结果['There is','There','is']
    //第0个元素是匹配的字符串,后面两个元素分别是分组引用的子字符串
    
    /*设置全局旗标*/
    var reg3=/(w+)s(w+)/g;
    reg3.test('There is no number');
    //设置了全局旗标的话,exec()会循环寻找
    //第一次查找结果['There is','There','is'],第二次结果['no number','no','number'],第三次结果null
    

    exec()方法如果设置了全局旗标,在循环中使用必须要手动设置其reg.lastIndex = 0;,否则它会间隔匹配


    字符串对象与正则表达式

    • 在string对象中有不少以正则表达式对象作为参数的方法
    属性 说明
    match(regexp) 返回正则表达式regexp的匹配结果
    replace(searchValue,replaceValue) 将searchValue(正则表达式或是字符串值)
    替换为replaceValue,并返回响应的字符串
    search(regexp) 返回正则表达式regexp匹配位置的下标,没有匹配就返回-1
    split(separator,limit) 通过参数separator(字符串或是正则表达式)
    对字符串进行分割,并返回一个字符串数组
    • match方法会返回元素与模式相匹配的字符串的数组,设置全局旗标时,会返回所有与模式相匹配的字符串数组,不设置时和exec方法相同

    应用例子:

    var text='abc def ghi jkl';
    
    //设置全局旗标
    text.match(/w+/g);
    //["abc","def","ghi","jkl"]
    
    //不设置全局旗标
    text.match(/(w+)s(w+)/);
    //["abc def","abc","def"]
    
    • replace方法返回被替换的字符串,如果设置了全局旗标,则替换全部匹配了的字符串,否则只替换第一个匹配的字符串;replace中如果第一个参数用了分组,第二个参数能够通过符号来标识分组的前向引用

    应用例子:

    var text="abc def ghi jkl";
    
    //将空格替换为字符
    text.replace(/s/,',');
    //"abc,def ghi jkl"
    
    text.replace(/s/g,',');
    //"abc,def,ghi,jkl"
    
    //对空格之前的字符分组,用逗号替换并前向移动一位
    text.replace(/(.)s/g,",$1");
    //"ab,cde,fgh,igkl"
    
    • 在search与split方法中,正则表达式的全局旗标不起作用
    -> -> ->非常期待你的关注,前端路上的风景与你分享,如果你觉得这篇博文有点意思,请点击右侧的推荐按钮
  • 相关阅读:
    5个有趣且不必要的 JavaScipt 技巧
    动态规划的原理?
    如何避免出现failfast?
    动态规划的原理?
    jsp文件导包
    程序突击
    monthly report
    weekly review: 细节决定一切
    weekly review
    祸从口入祸从口出
  • 原文地址:https://www.cnblogs.com/Fengzp/p/5467548.html
Copyright © 2020-2023  润新知