• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    javascript的正则表达式学习资料复习
    关于反向引用
    复制代码 代码如下:

    // 测试函数
    function matchReg(reg, str) {
    var result = str.match(reg);
    if(result) {
    console.dir(result);
    } else {
    console.log('match failed');
    }
    }

    var reg = /([A-Za-z]{0,6})\1/;
    var str = 'AndrewAndrew';
    // 测试通过
    matchReg(reg, str);

    //通过(?:pattern)的方式,不记录子表达式匹配的内容(本例中为Andrew)
    //所以\1对子表达式匹配内容的引用失败了
    //注意:这里强调的是子表达式所匹配的内容,而不是子表达式本身
    reg = /(?:[a-zA-Z]{0,6})\1/;
    // 测试不通过
    matchReg(reg, str);

    关于子表达式的定义
    var parse_number = /^-?\d+(?:\.\d*)?(?:e[+\-]?\d+)?$/i;
    这是一个解析数字的正则表达式,其中的子表达式有(?:\.\d*)和(?:e[+\-]?\d+)
    \.和\-分别是对.和-的转义表达
    顺便复习下.表示除换行符以外的其他字符
    -一般用于[a-zA-Z0-9]表示匹配范围
    如果其中没?:例如(\.\d*)那么按照先后顺序,反向引用的关系如下
    \1-->(\.\d*)
    \2-->(e[+\-]?\d+)
    如果有更多的话,就以此类推\3 \4 \5....
    再次强调,引用的是子表达式匹配的内容,是具体的文本
    关于正向预查
    复制代码 代码如下:

    var reg = /I like (?=shanghai)/;
    var str = 'I like shanghai';
    matchReg(reg, str); //测试通过

    str = 'I like beijing';
    matchReg(reg, str); //不通过

    跑下上面的代码,就马上理解什么算是正向预查了,如上面的例子,通过(?=pattern)的形式,正则 表达式预测下后面的内容是不是符合要求,如果是那就顺利匹配.
    相对地,(?!=pattern)的使用意图正好与(?=pattern)相反,就不复述了
    关于贪心和非贪心匹配模式
    复制代码 代码如下:

    // 贪心
    var reg = /\d{1,}/;
    var str = '1999';
    matchReg(reg, str); // result[0]为1999 能多匹配就多匹配

    // 非贪心
    reg = /\d{1,}?/;
    matchReg(reg, str); // result[0]为1 只匹配了一个

    从上面的结果很容易看出"贪心"和"非贪心"的含义
    pattern?这就表明非贪心匹配模式,一般情况就是贪心的
    关于Regexp对象exec函数返回的结果
    复制代码 代码如下:

    // 关于返回结果是个什么
    // matchReg函数中console.dir(result)能说明问题,firebug中一看便知
    关于string的replace函数
    function camelize(str) {
    return str.replace(/-(\w)/g, function(inputStr, p1) {
    console.log(p1);
    return p1.toUpperCase();
    });
    }
    console.log(camelize('background-color'));

    function uncamelize(str, sep) {
    sep = sep || '-';
    return str.replace(/([a-z])([A-Z])/g, function(inputStr, p1, p2) {
    console.log('p1:%s, p2:%s', p1, p2);
    return p1 + sep + p2;
    });
    }
    console.log(uncamelize('backgroundColor', '-'));

    上面两个例子,主要用于说明replace函数的用法,当然还有search,split等函数可以充分利用正则表达式的优势
    关于javascript正则表达式的最佳实践
    就一句话:尽量的精简,不要复杂,利于读懂和维护!
    您可能感兴趣的文章:
    • JavaScript 正则表达式使用详细参数
    • 正则表达式提取网址、标题、图片等一例(.Net Asp Javascript/Js)的实现
    • javascript RegExp对象(正则表达式)
    • JavaScript 正则表达式 验证整数、小数、实数、有效位小数最简单
    • JavaScript 表单验证正则表达式大全[推荐]
    • javascript 手机号码正则表达式验证函数
    • javascript 获取url参数的正则表达式(用来获取某个参数值)
    • javascript常用正则表达式合集
    • JavaScript基于正则表达式的数字判断函数
    • javascript中使用正则表达式实现删除字符串中的前后空格
    • javascript正则表达式基础篇
    • 如何使用JavaScript和正则表达式进行数据验证
    • 正则表达式语法规则及在Javascript和C#中的使用方法
    • javascript中正则表达式反向引用示例介绍
    • javascript正则表达式参数/g与/i及/gi的使用指南
    • javascript正则表达式简介
    • 如何用javascript正则表达式验证身份证号码是否合法
    • JavaScript中常用的正则表达式日常整理(全)
    • 学习JavaScript正则表达式
    上一篇:php正则表达式的模式修正符和逆向引用使用介绍
    下一篇:用正则表达式判断字符串是汉字还是拼音的js函数代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    javascript的正则表达式学习资料复习 javascript,的,正则,表达式,