• JS基础3-正则表达式


    一、概述

    正则表达式是对字符串操作的一种过滤逻辑,检索字符串中的特定字符、排列规则等,以符合我们所要得到的特定部分或是输入的特定规则。

    A.正则表达式可以用来:1. 给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”)

              2.可以通过正则表达式,从字符串中获取我们想要的特定部分

    B.正则表达式有非常突出的优势:

    1.灵活性、逻辑性和功能性非常的强

    2.可以迅速地用极简单的方式达到字符串的复杂控制

    二、正则表达式的语法

    1.常见创建方法有两种

    <script>
        var reg = /pattern/;//pattern是规则
    </script>
    <script>
        var reg = new RegExp(‘pattern’);//pattern是规则
    </script>

    2.对象的常用方法是:

    exec()和test()

    exec()是检索字符串中指定的值。返回找到的值,并确定其位置。

    test()检索字符串中是否有满足指定条件的值,返回true或false。

    三、常用通配符

    . 可以匹配任何字符
    d 匹配0-9的所有数字
    D 匹配非数字
    s 匹配所有空白字符,包括空格、制表符、换行符、回车符等
    S 匹配所有非空白字符
    w 匹配所有的单词字符,包括0-9数字、26个英文字母和下划线
    W 匹配所有的非单词字符
     匹配单词边界
    B 匹配非单词边界
    [abc] 查找方括号之间的任何字符
    [^abc] 查找任何不在方括号之间的字符
    [0-9] 查找任何从0至9的数字
    [a-z] 查找任何从小写a到小写z的字符
    [A-Z] 查找任何从大写A到大写Z的字符
    [A-z] 查找任何从大写A到小写z的字符
    (red|blue|green) 查找任何指定的选项

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>正则表达式</title>
    <script type="text/javascript">
    //    var    str="I_love java";
    //    var reg=/lovea/;
    //    var reg=new RegExp('lovea');//第二种定义方法
    //    alert(reg.exec(str));//返回满足规定的字符串
    //    alert(reg.test(str));//返回判断是否有满足规定的字符串true/false
    //    var reg=/./;// /./可以匹配任何字符
    //    alert(reg.exec(str));
    //    alert(reg.test(str));
    //    var reg=/d/;//匹配0-9的数字
    //    alert(reg.exec(str));
    //    alert(reg.test(str));
    //    var reg=/D/;//匹配非数字
    //    alert(reg.exec(str));
    //    alert(reg.test(str));
    //    var reg=/s/;//匹配空白字符.
    //    var reg=/S/;//匹配非空白字符.
    //    var reg=/w/;//匹配所有的单词字符
    //    var reg=/W/;//匹配所有的非单词字符
    //    var reg=/a/;//匹配单词边界,是否以a结尾
    //    var reg=/[^efg]/查找任何不在括号间的字符
    //    var reg=/(love|w|q)/;
    //    alert(reg.exec(str));
    //    alert(reg.test(str));
    var love="Just do it";
    //var reg=/d/;
    //    var reg=/a/;
    //    var reg=/d/;
    //var reg=/D/;
    //    var reg=/W/;
    //        var reg=/a|b/;
    //        var reg=/W/;
    //        var reg=/J/;
        var reg=/n/
        alert(reg.exec(love));
        alert(reg.test(love));
        
        
        
        </script>
    </head>
    
    <body>
    </body>
    </html>
    常用通配符

    四、量词和修饰符

    n+ 匹配任何包含至少一个n的字符串
    n* 匹配任何包含零个或多个n的字符串
    n? 匹配任何包含零个或一个n的字符串
    n{X} 匹配包含X个n的序列的字符串
    n{X,Y} 匹配包含X或Y个n的序列的字符串
    n{X,} 匹配包含至少X个n的序列的字符串
    n$ 匹配任何结尾为n的字符串
    ^n 匹配任何开头为n的字符串

    i 执行对大小写不敏感的匹配
    g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
    m 执行多行匹配

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>正则表达式量词、修饰符</title>
    <script type="text/javascript">
        var lovedan="wudandan@163.com"
    //    var lovedan="ORACLE"
    //    var lovedan="Heeello world";
    //    var cutedan=/a+/;//判断至少含有一个a
    //    var cutedan=/o*/;
    //    var cutedan=/o?/;
    //    var cutedan=/e{3}/;//匹配是否包含二个连续的
    //    var cutedan=/l{3,5}/;//匹配是否包含2个或5个连续e
    //    var cutedan=/o{2,}/;//匹配至少包含连续2个e
    //    var cutedan=/^H/;//匹配是否以H开头的字符串
    //    var cutedan=/d$/;//匹配是否以d结尾
    //i 对大小写不敏感
        
        
        
        
        var cutedan=/^[0-9a-zA-z_-]+@[0-9a-zA-z_-]+.[(com|cn|org)]+$/;
        
        
        
        alert(cutedan.test(lovedan));
        </script>
    </head>
    
    <body>
    </body>
    </html>
    量词和修饰符
  • 相关阅读:
    Document
    Document
    Document
    Document
    Document
    Document
    8. vue 的生命周期
    7. vue-cli 安装和使用脚手架
    5.组件(2) 之 父级传子级
    6.组件(3) 之 子级传父级
  • 原文地址:https://www.cnblogs.com/LuckyGJX/p/8486113.html
Copyright © 2020-2023  润新知