首页前端开发其他前端知识javascript的正则表达式学习资料复习

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

时间2024-02-01 16:57:02发布访客分类其他前端知识浏览1063
导读:收集整理的这篇文章主要介绍了javascript的正则表达式学习资料复习,觉得挺不错的,现在分享给大家,也给大家做个参考。 关于反向引用 复制代码 代码如下: // 测试函数 funct...
收集整理的这篇文章主要介绍了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正则表达式

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 用正则表达式判断字符串是汉字还...下一篇:php正则表达式的模式修正符和逆向...猜你在找的正则表达式相关文章 去除内容中的html2022-04-16Python正则表达式保姆式教学详细教程2022-04-16十分钟上手正则表达式 上篇2022-04-16十分钟上手正则表达式 下篇2022-04-16深入浅出正则表达式中的边界\b和\B2022-04-16轻松入门正则表达式之非贪婪匹配篇详解2022-04-16轻松掌握正则表达式findall函数详解2022-04-16正则表达式用法详解2022-04-1636个正则表达式(开发效率提高80%)2022-04-16Python正则表达式指南 推荐2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: javascript的正则表达式学习资料复习
本文地址: https://pptw.com/jishu/595669.html
用正则表达式判断字符串是汉字还是拼音的js函数代码 PHP匹配多行的正则表达式分析

游客 回复需填写必要信息