美文网首页
回顾4.15-17(计时器、正则表达式)

回顾4.15-17(计时器、正则表达式)

作者: Amy_酱哈 | 来源:发表于2019-04-17 20:52 被阅读0次

    创建对象

    1.构造函数
    • 是用来创建一个对象的;
    • 通过 new关键字来实现。
        // 获取当前时间
        var now = new Date();
        document.write(now);
    
    2.对象字面量(直接量)
    • 除了用构造函数创建的函数以外创建的对象就是对象字面量
        var date = '2019-01-29';//字面量对象,右边字符串为字面量。
    

    计时器

    1. setTimeout (延迟执行)
        // 延迟执行
        window.setTimeout(function () {
            alert('爱你');
        }, 2000);//两秒后弹出 爱你
    
    2. setInterval(倒计时)
    var num = 5;
    var time = setInterval(function () {
        document.write(num--);
        if (num == 0) {
            clearInterval(time);//清除倒计时
        }
    }, 1000);//倒计时 5 4 3 2 1 
    
    • 清除倒计时用 clearInterval()

    正则表达式(是一个对象)

    1.定义:匹配一系列符合某个句法规则的字符串 的搜索模式;又称规则表达式(符合要求的放行,不符合的拒绝)

    2.创建方法:
    (1)字面量创建正则表达式:

    // 字面量创建正则表达式
    var reg = /liuhuiming/i;
    console.log(typeof reg);
    var str = 'asdfasdfasliuhuimingashuruqingdfasdf';
    // 验证的方法 test
    console.log(reg.test(str));   // true 符合规则返回true,否则返回false
    

    (2)用构造函数方法创建正则表达式

    var reg1 = new RegExp('liuhuiming', 'ig'); //逗号前面是内容,后面是属性 i - 不区分大小写, g - 全局匹配, m - 多行模式
    console.log(typeof reg1);
    console.log(reg1.test('liuhuiming'));//ture
    

    3.正则表达式的常用方法:
    (1)test 验证方法;
    (2)replace替换方法。

    var str = 'huimin,234jiang32435jiang';
    var reg3 = str.replace(/jiang/g, 'love');
    console.log(reg3)
    

    4.元字符(常用)

    1. ^ 匹配开始;
    2. $ 匹配结束;
    3. \w 匹配字母、数字、下划线里面其中一种;
    4. \d 匹配数字[0-9];
    5. \D 匹配非数字[^0-9];
    6. \s 匹配空字符(空格);
    7. [abc] 匹配 abc里其中一个字符;
    8. [^abc] 匹配除了 abc外的其他;
    9. | 或,x|y匹配x或y;
    10. ? 重复出现零次或一次;
    11. +重复出现一次或多次;
    12. * 重复出现零次或多次;
    13. {n} 重复出现n次;
    14. {n,} 至少重复出现n次;
    15. {m,n} 重复重现m到n次,其中,m<n。

    5.手机号码正则表达式

    // 手机号码的正则匹配
    var reg = /^1[3-8]\d{9}$/;
    var phone = '13138745003';
    console.log(reg.test(phone));//true
    

    一个好用的工具:谷歌浏览器安装“前端助手”

    相关文章

      网友评论

          本文标题:回顾4.15-17(计时器、正则表达式)

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