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 相关文章推荐
些很实用且必用的小脚本代码
Jun 26 Javascript
Firefox getBoxObjectFor getBoundingClientRect联系
Oct 26 Javascript
Jquery实现无刷新DropDownList联动实现代码
Mar 08 Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 Javascript
Jquery自定义button按钮的几种方法
Jun 11 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
Oct 23 Javascript
探寻JavaScript中this指针指向
Apr 23 Javascript
canvas 绘制圆形时钟
Feb 22 Javascript
React Native模块之Permissions权限申请的实例相机
Sep 28 Javascript
vue 封装 Adminlte3组件的实现
Mar 18 Javascript
js实现双人五子棋小游戏
May 28 Javascript
教你使用vscode 搭建react-native开发环境
Jul 07 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
elgg 获取文件图标地址的方法
2010/03/20 PHP
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
PHP中读取文件的8种方法和代码实例
2014/08/05 PHP
跟我学Laravel之路由
2014/10/15 PHP
php使用高斯算法实现图片的模糊处理功能示例
2016/11/11 PHP
用Javascript 获取页面元素的位置的代码
2009/09/25 Javascript
js 处理数组重复元素示例代码
2013/12/27 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
JavaScript获取当前网页最后修改时间的方法
2015/04/03 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
2015/06/05 Javascript
JS实现仿新浪黄色经典滑动门效果代码
2015/09/27 Javascript
javascript实现状态栏中文字动态显示的方法
2015/10/20 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
2016/05/26 Javascript
jquery延迟对象解析
2016/10/26 Javascript
JS 全屏和退出全屏详解及实例代码
2016/11/07 Javascript
搭建Bootstrap离线文档的方法
2016/12/02 Javascript
详解jQuery的表单验证插件--Validation
2016/12/21 Javascript
js实现截图保存图片功能的代码示例
2017/02/16 Javascript
javascript 正则表达式分组、断言详解
2017/04/20 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
jQuery实现容器间的元素拖拽功能
2020/12/01 jQuery
小结Python用fork来创建子进程注意事项
2014/07/03 Python
Python脚本实现代码行数统计代码分享
2015/03/10 Python
python中异常捕获方法详解
2017/03/03 Python
对Python3 序列解包详解
2019/02/16 Python
python获取网络图片方法及整理过程详解
2019/12/20 Python
在python中修改.properties文件的操作
2020/04/08 Python
使用css3绘制出各种几何图形
2016/08/17 HTML / CSS
两种CSS3伪类选择器详细介绍
2013/12/24 HTML / CSS
CSS3实现菜单悬停效果
2020/11/17 HTML / CSS
Ratchet 模态框的实现
2020/08/19 HTML / CSS
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
会员卡清退活动总结
2014/08/27 职场文书
2014小学一年级班主任工作总结
2014/12/05 职场文书
单位更名证明
2015/06/18 职场文书
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python