javascript学习笔记(八)正则表达式


Posted in Javascript onOctober 08, 2014

基本概念

正则表达式是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为“元字符”)。模式描述在搜索文本时要匹配的一个或多个字符串。

首先推荐几个正则表达式编辑器
 Debuggex :https://www.debuggex.com/
 PyRegex:http://www.pyregex.com/
 Regexper:http://www.regexper.com/

正则表达式是一种查找以及字符串替换操作。正则表达式在文本编辑器中广泛使用,比如正则表达式被用于:
[copy]检查文本中是否含有指定的特征词
找出文中匹配特征词的位置
从文本中提取信息,比如:字符串的子串
修改文本

 说明:正则表达式通常用于两种任务:1.验证,2.搜索/替换。用于验证时,通常需要在前后分别加上^和$,以匹配整个待验证字符串;搜索/替换时是否加上此限定则根据搜索的要求而定,此外,也有可能要在前后加上\b而不是^和$。此表所列的常用正则表达式,除个别外均未在前后加上任何限定,请根据需要,自行处理。

优先权顺序

在构造正则表达式之后,就可以象数学表达式一样来求值,也就是说,可以从左至右并按照一个优先权顺序来求值。 下表从最高优先级到最低优先级列出各种正则表达式操作符的优先权顺序:

操作符 描述
\ 转义符
(), (?:), (?=), [] 圆括号和方括号
*, +, ?, {n}, {n,}, {n,m} 限定符
^, $, \anymetacharacter 位置和顺序

建立正则表达式

构造正则表达式的方法和创建数学表达式的方法一样。也就是用多种元字符与操作符将小的表达式结合在一起来创建更大的表达式。
 可以通过在一对分隔符之间放入表达式模式的各种组件来构造一个正则表达式。

对 JScript 而言,分隔符为一对正斜杠 (/) 字符。例如:
/expression/

 对 VBScript 而言,则采用一对引号 ("") 来确定正则表达式的边界。例如:

"expression"

 看个例子

//匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线
var re =new RegExp("^[a-zA-Z][a-zA-Z0-9_]{5,19}$");

if(re.test(aaaa)){

alert("格式正确");

}else{

alert("格式错误");

}

 正则表达式的组件可以是单个的字符、字符集合、字符范围、字符间的选择或者所有这些组件的任意组合。

常用的正则表达式

匹配中文字符的正则表达式: [\u4e00-\u9fa5]
 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了

匹配双字节字符(包括汉字在内):[^\x00-\xff]
 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

匹配空白行的正则表达式:\n\s*\r
 评注:可以用来删除空白行

匹配HTML标记的正则表达式:<(\S*?)[^>]*>.*?</\1>|<.*? />
 评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力

匹配首尾空白字符的正则表达式:^\s*|\s*$
 评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式

匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
 评注:表单验证时很实用

匹配网址URL的正则表达式:[a-zA-z]+://[^\s]*
 评注:网上流传的版本功能很有限,上面这个基本可以满足需求

匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$
 评注:表单验证时很实用

匹配国内电话号码:\d{3}-\d{8}|\d{4}-\d{7}
 评注:匹配形式如 0511-4405222 或 021-87888822

匹配腾讯QQ号:[1-9][0-9]{4,}
 评注:腾讯QQ号从10000开始

匹配中国邮政编码:[1-9]\d{5}(?!\d)
 评注:中国邮政编码为6位数字

匹配身份证:\d{15}|\d{18}
 评注:中国的身份证为15位或18位

匹配ip地址:\d+\.\d+\.\d+\.\d+
 评注:提取ip地址时有用

匹配特定数字
[copy] ^[1-9]\d*$    //匹配正整数
^-[1-9]\d*$   //匹配负整数
^-?[1-9]\d*$

//匹配整数
^[1-9]\d*|0$  //匹配非负整数(正整数 + 0)
^-[1-9]\d*|0$

//匹配非正整数(负整数 + 0)
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$

//匹配正浮点数
^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$  //匹配负浮点数
^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$  //匹配浮点数
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$

//匹配非负浮点数(正浮点数 + 0)
^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$

//匹配非正浮点数(负浮点数 + 0)

 评注:处理大量数据时有用,具体应用时注意修正

匹配特定字符串
[copy]^[A-Za-z]+$

//匹配由26个英文字母组成的字符串
^[A-Z]+$

//匹配由26个英文字母的大写组成的字符串
^[a-z]+$

//匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$

//匹配由数字和26个英文字母组成的字符串
^\w+$

//匹配由数字、26个英文字母或者下划线组成的字符串

 评注:最基本也是最常用的一些表达式

思维导图

javascript学习笔记(八)正则表达式

Javascript 相关文章推荐
Javascript 面向对象之重载
May 04 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
Dec 20 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
jQuery的文档处理程序详解
May 10 Javascript
利用Angularjs和Bootstrap前端开发案例实战
Aug 27 Javascript
js实现碰撞检测特效代码分享
Oct 16 Javascript
jQuery实现优雅的弹窗效果(6)
Feb 08 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
详解基于node.js的脚手架工具开发经历
Jan 28 Javascript
element-ui组件中input等的change事件中传递自定义参数
May 22 Javascript
JavaScript实现公告栏上下滚动效果
Mar 13 Javascript
vue 虚拟DOM的原理
Oct 03 Javascript
javascript学习笔记(七)Ajax和Http状态码
Oct 08 #Javascript
javascript学习笔记(六)数据类型和JSON格式
Oct 08 #Javascript
javascript学习笔记(五)原型和原型链详解
Oct 08 #Javascript
JavaScript中获取高度和宽度函数总结
Oct 08 #Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
Oct 08 #Javascript
JavaScript中获取样式的原生方法小结
Oct 08 #Javascript
吐槽一下我所了解的Node.js
Oct 08 #Javascript
You might like
wordpress之wp-settings.php
2007/08/17 PHP
Yii 使用intervention/image拓展实现图像处理功能
2019/06/22 PHP
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
Javascript remove 自定义数组删除方法
2009/10/20 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
2011/05/28 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
JavaScript 七大技巧(一)
2015/12/13 Javascript
js事件处理程序跨浏览器解决方案
2016/03/27 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
用ES6写全屏滚动插件的示例代码
2018/05/02 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
Vuejs中的watch实例详解(监听者)
2020/01/05 Javascript
js实现页面图片消除效果
2020/03/24 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
详解Vue的mixin策略
2020/11/19 Vue.js
vscode自定义vue模板的实现
2021/01/27 Vue.js
Python自动化构建工具scons使用入门笔记
2015/03/10 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
基于Python实现的微信好友数据分析
2018/02/26 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
django项目登录中使用图片验证码的实现方法
2019/08/15 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
Python 爬取必应壁纸的实例讲解
2020/02/24 Python
python接入支付宝的实例操作
2020/07/20 Python
CSS3选择器新增问题的实现
2021/01/21 HTML / CSS
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
美国第二大团购网站:LivingSocial
2016/07/24 全球购物
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
荷兰游戏商店:Allyouplay
2019/03/16 全球购物
如何减少垃圾回收让内存更加有效使用
2013/10/18 面试题
幼儿教师思想汇报
2014/01/10 职场文书
会议室标语
2014/06/21 职场文书
学校交通安全责任书
2014/08/25 职场文书
晚会闭幕词
2015/01/28 职场文书
暗恋桃花源观后感
2015/06/12 职场文书
Python自动化测试PO模型封装过程详解
2021/06/22 Python