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 相关文章推荐
jQuery 常见开发使用技巧总结
Dec 26 Javascript
子窗口、父窗口和Silverlight之间的相互调用
Aug 16 Javascript
javascript 触发HTML元素绑定的函数
Sep 11 Javascript
使用简洁的jQuery方法实现隔行换色功能
Jan 02 Javascript
使用npm发布Node.JS程序包教程
Mar 02 Javascript
js实现三级联动效果(简单易懂)
Mar 27 Javascript
基于JavaScript实现飘落星星特效
Aug 10 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
Jul 13 Javascript
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
openlayers4.6.5实现距离量测和面积量测
Sep 25 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 29 Javascript
vue 使用rules对表单字段进行校验的步骤
Dec 25 Vue.js
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
phpmyadmin 访问被拒绝的真实原因
2009/06/15 PHP
使用php get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
教你如何在CI框架中使用 .htaccess 隐藏url中index.php
2014/06/09 PHP
PHP中实现Bloom Filter算法
2015/03/30 PHP
PHPStudy下如何为Apache安装SSL证书的方法步骤
2019/01/23 PHP
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
js改变img标签的src属性在IE下没反应的解决方法
2013/07/23 Javascript
JS实现图片放大镜效果的方法
2015/02/27 Javascript
javascript中hasOwnProperty() 方法使用指南
2015/03/09 Javascript
JavaScript之Object类型介绍
2015/04/01 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
2016/01/23 Javascript
jQuery3.0中的buildFragment私有函数详解
2016/08/16 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
jQuery Validate插件ajax方式验证输入值的实例
2017/12/21 jQuery
Vue中android4.4不兼容问题的解决方法
2018/09/04 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
python使用nntp读取新闻组内容的方法
2015/05/08 Python
浅析Python中元祖、列表和字典的区别
2016/08/17 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
Python绘制词云图之可视化神器pyecharts的方法
2021/02/23 Python
英国女装网上商店:I Saw It First
2018/10/18 全球购物
建筑工程专业毕业生自荐信
2013/10/19 职场文书
酒店应聘自荐信
2013/11/09 职场文书
自荐信范文
2013/12/10 职场文书
夏季奶茶店创业计划书
2014/01/16 职场文书
财务会计毕业生个人求职信
2014/02/03 职场文书
小学生读书感言
2014/02/12 职场文书
关于环保的建议书400字
2014/03/12 职场文书
在校大学生自我评价范文
2014/09/12 职场文书
公安机关纪律作风整顿个人剖析材料材料
2014/10/10 职场文书
Python机器学习之底层实现KNN
2021/06/20 Python
Nginx配置之禁止指定IP访问
2022/05/02 Servers
JS开发前端团队展示控制器来为成员引流
2022/08/14 Javascript