JS正则表达式常见用法实例详解

本文实例讲述了JS正则表达式常见用法。分享给大家供大家参考，具体如下：

前言:正则表达式(regular expression)反反复复学了多次，学了又忘，忘了又学，这次打算把基本的东西都整理出来，加强记忆，也方便下次查询。

学习正则表达式之前首先需要掌握记忆这些基本概念:

1.元字符:(.,\\w,\\W,\\d,\\D,\\s,/S,^,$,)

我们发现\\W加大写字母都是表示相反的意思。

2.分组符([],(),{});

3.修饰符(i,g,m);

4.量词(*,?,+,-,{n,m},?=n,?!=n);

实例解析:

var reg = /\\(?0\\d{2}[) -]?\\d{8}/

“(”和“)”也是元字符，后面的分组节里会提到，所以在这里需要使用转义。
这个表达式可以匹配几种格式的电话号码，像(010)88886666，或022-22334455，或02912345678等。我们对它进行一些分析吧:首先是一个转义字符\\(,它能出现0次或1次(?),然后是一个0，后面跟着2个数字(\\d{2})，然后是)或-或空格中的一个，它出现1次或不出现(?)，最后是8个数字(\\d{8})。

以下通过实例来讲解RegExp:

需求一:在一句话英文中匹配一个hi的单词。

var str = \'Hi RegExp I love you so much Hi Hi hi\';
var reg = new RegExp(\"\\\\bhi\\\\b\",\"gi\");//g是一个修饰符，表示全局匹配。\\b是一个元字符，代表单词边界，匹配单词的开头和结尾。
//直接量语法:
reg2 = /\\bhi\\b/gi;
console.log(str.match(reg2));//[\'hi\',\'hi\',\'hi\',\'hi\']
//升级
//匹配hi后面不远处跟着一个lucy
var strlc = /\\bhi\\b.*\\blucy\\b/;
var luch = \'hi welcome to beijing lucy!!!\';
console.log(luch.match(strlc));

需求二:在一句话英文中匹配一个hi的单词。

var reg = /0\\d\\d\\d-\\d\\d\\d\\d\\d\\d\\d\\d/;//\\d代表一个数字，等价于[0-9],\\D匹配一个非数字字符，等价于[^0-9]
var tel = \"0123-887523146\";
console.log(tel.match(reg));//0123-88752314;
//这个连续写多次的方法很笨哎，所以引进了变量。
regTel = /0\\d{3}-\\d{8}/;
console.log(tel.match(regTel));//0123-88752314;

需求三:写一个清除字符串前后空格的正则表达式。

String.prototype.trim = function(){return this.replace(/(^\\s*)|(\\s*$)/g, \"\");}
var str2 = \" hi space \"//这里前后共有两个空格
console.log(str2.length);//14
console.log(str2.trim().length);//8
console.log(str2.trim());//hi space

需求四:匹配一个邮箱。

var eReg = /\\S*@\\S*\\.\\S*/;
console.log(eReg.test(\'873619879@qq.com\'))//true

参考文章:

https://www.freexyz.cn/books/513871.html
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions#
//www.freexyz.cn/article/72867.htm
https://www.freexyz.cn/article/107796.htm

PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

JavaScript正则表达式在线测试工具：
http://tools.freexyz.cn/regex/javascript

正则表达式在线生成工具：
http://tools.freexyz.cn/regex/create_reg

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。