1.概述
    正则表达式是一个描述字符模式的对象。Javascript的正则表达式语法的是Perl5的正则表达式的子集。JS正则表达式有两种使用方式,文本模式和RegExp对象模式,实例如下:

var patern = /java/ig;    //文本模式
var patern = new RegExp(/java/, 'ig'); //对象模式

  注:ES3中RegExp共用一个对象,ES5每次调用产生一个新对象

2.正则表达式使用的主要字符和元字符
    2.1直接量字符
字符
匹配
字母和数字
自身
\o
NUL字符(\u0000)
\t
制表符(\u0009)
\n
换行符(\u000A)
\v
垂直制表符(\u000B)
\f
换页符(\u000C)
\r
回车符(\u000D)
\xnn
十六进制数,nn指拉丁字符
\uxxxxx
十六进制数,xxxx指unicode字符
\cX
控制字符^X

2.2字符类

字符
匹配
[...]
方括号内的任意字符
[^...]
除方括号外的任意字符
.
除换行符和其他unicode行终止符外的任意字符
\w
任何ASCII字符组成的单词,等价于[a-zA-Z0-9]
\W
非ASCII字符组成的单词,等价于[^a-zA-Z0-9]
\s
任何unicode空白符
\S
任何非unicode空白符
\d
任何ASCII数字,等价于[0-9]
\D
非ASCII数字,等价于[^0-9]
[\b]
退格直接量

2.3重复

字符
含义
{n,m}
匹配前一项,至少n次,不超过m次,[n,m)
{n,}
匹配前一项,至少n次或者更多次,[n,无穷)
{n}
匹配前一项n次,==n
?
匹配前一项,0到1次,0||1
+
匹配前一项,1到多次,[1,无穷)
*
匹配前一项,0次到多次,[0,无穷)

备注:非贪婪的重复,只需要在重复后面加一个?即可,目标是尽可能少的匹配。
    2.4选择、分组和引用字符

字符
含义
|
选择,匹配左边或者右边的表达式
(...)
分组,可使用重复符进行修饰(记忆)
(?:...)
只组合,不记忆
\n
和第n组,第一次匹配的字符相匹配

2.5指定匹配位置,即锚字符

字符 含义
^
匹配字符串的开头
$
匹配字符串的结尾
\b
匹配单词的边界符
\B
匹配单词非边界符
(?=p)
正向先行断言,都与p匹配但不包含
(?!p)
负向先行断言,都与p不匹配

2.6修饰符

字符
含义
i
不区分大小写
m
多行匹配模式
g
全局匹配

3.用于模式匹配的方法,包含String和RegExp对象

    3.1String提供了四种支持正则表达式的方法
方法名称
使用说明
String.search(patern)
返回第一个与之匹配的子串起始位置,如果找不到就返回-1
String.replace(patern, newStr)
将匹配的字符串替换成newStr,newStr也可以是动态替换字符串的函数
String.match(patern)
返回一个有匹配结果组成的数组,如果非全局匹配,第一个是匹配的字符串,后面为分组值
String.split(partern)
根据规则分割成数组

3.2RegExp提供两个方法

方法名称
使用说明
RegExp.exec(string)
和String的match方法返回值相同,RegExp.lastIndex是全局匹配的下一个匹配项的起始位置
RegExp.test(string)
当exec不为null时,返回true
4.正则表达式简单使用实例
匹配中文字符: [\u4e00-\u9fa5]
匹配首尾空格:(^\s*)|(\s*$)
//获取URL参数
var url = "http://www.cnblogs.com?func=window.getUserName&errno=0";
var splitUrlReg = /\?(\w+)=([^&=]*)(?:&(\w+)=([^&=]*))+/;;
var paramArr = url.match(splitUrlReg);
console.log(paramArr);
//["?func=window.getUserName&errno=0", "func", "window.getUserName", "errno", "0", index: 22, input: "http://www.cnblogs.com?func=window.getUserName&errno=0", clone: function]

  

  

 

初探JS正则表达式的更多相关文章

  1. JS正则表达式常用总结

    正则表达式的创建 JS正则表达式的创建有两种方式: new RegExp() 和 直接字面量. //使用RegExp对象创建 var regObj = new RegExp("(^\\s+) ...

  2. 从273二手车的M站点初探js模块化编程

    前言 这几天在看273M站点时被他们的页面交互方式所吸引,他们的首页是采用三次加载+分页的方式.也就说分为大分页和小分页两种交互.大分页就是通过分页按钮来操作,小分页是通过下拉(向下滑动)时异步加载数 ...

  3. 使用外部web组件-----easyUI、jQueryUI、Bootstrap、js正则表达式

    1.使用外部web组件,以Bootstrap为例 <head> <link rel='stylesheet'  href='bootstrap-3.3.0-dist/dist/css ...

  4. js正则表达式图形化工具-rline

    github地址:https://github.com/finance-sh/rline 在线demo: http://lihuazhai.com/demo/test.html 这是一个js正则表达式 ...

  5. Python之路-(js正则表达式、前端页面的模板套用、Django基础)

    js正则表达式 前端页面的模板套用 Django基础 js正则表达式: 1.定义正则表达式 /.../  用于定义正则表达式 /.../g 表示全局匹配 /.../i 表示不区分大小写 /.../m ...

  6. JS正则表达式大全

    转自:http://wenku.baidu.com/link?url=3y930kC7F6D3wQdMjQ3fVDmiA9Wfebs_QK0UB3N3mFaEoKg4ytZORPopxufeYA6si ...

  7. js正则表达式replace里有变量的解决方法用到RegExp类

    一直比较害怕使用正则表达式,貌似很深奥很复杂的样子,所以在用js操作字符串的时候,我最多使用的是replace.split.substring.indexOf等函数,这些函数有时候需要多次叠加使用,但 ...

  8. JS正则表达式验证账号、手机号、电话和邮箱

    JS正则表达式验证账号.手机号.电话和邮箱 效果体验:http://keleyi.com/keleyi/phtml/jstexiao/15.htm 验证帐号是否合法 验证规则:字母.数字.下划线组成, ...

  9. 初识JS正则表达式

    初识JS正则表达式 看到的使用的正则表达式练习:http://www.cnblogs.com/wenanry/archive/2010/09/06/1819552.html PS:本文参考李炎恢JS笔 ...

随机推荐

  1. 深入理解linux网络技术内幕读书笔记(二)--关键数据结构

    Table of Contents 1 套接字缓冲区: sk_buff结构 1.1 网络选项及内核结构 1.2 结构说明及操作函数 2 net_device结构 2.1 MTU 2.2 结构说明及操作 ...

  2. 关于bootstrap--表格(tr的各种样式)

    只需要<tr class="active">就可以用active样式. 特别提示:除了”.active”之外,其他四个类名和”.table-hover”配合使用时,Bo ...

  3. WPF多线程问题

    最近碰到这种多线程问题都是在WPF项目中. 1. 问题是这样.有个一主界面线程,然后background线程启动,这个background线程试图去修改主界面里面的数据. 造成死锁. 调用过程,主界面 ...

  4. (转载)iOS Framework: Introducing MKNetworkKit

    This article is available in Serbo-Croatian,  Japanese and German. (Translations in Serbo-Croatian b ...

  5. 并发情况下synchronized死锁

    存在缺陷的代码: public class DataPropertyIdAndNameRepositoryImpl{ /** 发布标志 */ private volatile boolean publ ...

  6. HTML与CSS入门——第十四章  使用边距、填充、对齐和浮动

    知识点: 1.在元素周围添加边距的方法 2.在元素中添加填充的方法 3.对齐的方法 4.float属性的使用 这里提到了CSS禅意花园,这块有时间可以玩玩~ margin和padding:用于添加元素 ...

  7. html游戏引擎,createJs框架

    声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! createJs网上的中文教程挺少的,以前UC有个Xcanvas的论坛有createJs的详细教程,但是随着XCanvas团队的解散,那个 ...

  8. MS-SQL数据库备份方法

    一.手动备份 打开企业管理器 --> 右键点击需要备份的数据库 --> 所有任务 --> 备份数据库 或者: 查询分析器: use master  backup database 数 ...

  9. 《第一行代码》学习笔记28-内容提供器Content Provider(1)

    1.内容提供器:用于在不同的应用程序之间实现数据共享的功能,提供了一套完整的机制,允许一个程序访问另一个程序中的数据,同时还能保证被访问 数据的安全性.使用内容提供器是Android实现跨程序共享数据 ...

  10. ANSI与UINCODE编码

    简要说明: ANSI是一种字符代码,为使计算机支持更多语言,通常使用 0x80~0xFF 范围的 2 个字节来表示 1 个字符. Uincode(统一码.万国码.单一码)是计算机科学领域里的一项业界标 ...