javascript的正则表达式学习资料复习
程序员文章站
2022-03-27 10:27:03
关于反向引用 复制代码 代码如下: // 测试函数 function matchreg(reg, str) { var result = str.match(reg); i...
关于反向引用
// 测试函数
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正则表达式的最佳实践
就一句话:尽量的精简,不要复杂,利于读懂和维护!
复制代码 代码如下:
// 测试函数
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 正则表达式校验数字的简单实例
-
匹配任意字符的正则表达式写法_javascript技巧
-
javascript - 帮忙看下几个正则表达式代表的意思
-
深入php 正则表达式的学习探讨_PHP
-
JavaScript基础知识学习总结篇(每个知识点都附带上机的例子,而不是纯理论) 上,当前字数统计:12435
-
Java 正则表达式学习总结和一些小例子_javascript技巧
-
javascript学习笔记(二十) 获得和设置元素的特性(属性)_基础知识
-
javascript - 前端工程师应该如何学习后端的知识呢
-
绝好的MongoDB学习资料之十. Sharding (2)
-
JavaScript利用正则表达式替换字符串中的内容