码农崛起(iOS、Android、java、c++等)

JavaScript学习笔记(10):RegExp类型

2016-02-25  本文已影响95人  陈大饼同学

1,js通过RegExp类型来支持正则表达式。语法结构为:

var expression = /pattern/flags;

其中pattern表示任何简单或者复杂的正则表达式;

flags标志指的是正则表达式的行为,有三种:

g,全局模式(global),查找应用于所有的字符串。

i,不区分大小小模式(case-insensitive)。

m,多行模式(multiline),指在查找过程中无视换行。

2,与其他语言中的正则表达式类似,模式中使用的所有元字符都必须转义。这些元字符包括:

(,[,{,\,^,$,|,},?,*,+,.,],)

3,来写一些简单的栗子

var pattern1 = /at/g;//匹配所有的“at”。

var pattern2 = /[bc]at/i;//匹配第一个“bat”或者“cat”,不区分大小写

var pattern3 = /.at/gi;//匹配所有以“at”结尾的3个字符的组合,不区分大小写。

var pattern4 = /\[bc\]at/i;//匹配第一个“[bc]at”,不区分大小写。

var pattren5 = /\.at/gi;//匹配所有的“.at”,不区分大小写。

4,上面这些栗子都是以字面量形式来定义的正则表达式。除此之外,还有一种创建正则表达式的方式:使用RegExp构造函数。

var pattern6 = new RegExp("[bc]at","i");

5,需要注意一点的是,虽然上面两种创建方式在效果上是等价的,但是当我们把字面量字符串扔到RegExp构造函数里面去的时候。需要进行双重转义。例如:字面量模式:/\.at/,等价的字符串:“\\.at”。

6,使用正则表达式字面量和使用RegExp构造函数创建的正则表达式不一样,前者共享一个RegExp实例,后者没使用一次构造函数都会创建一个新的RegExp实例。

7,RegExp的每个实例都具有不同的下列属性,通过这些属性可以取得有关模式的各种信息。(其实用处并不大0.0)

globa,布尔值,表示是否设置了g标志。

ignoreCase,布尔值,表示是否设置了i标志。

lastIndex,整数,表示开始搜索下一个匹配项的字符位置,从0开始算起。

multiline,布尔值,表示是否设置了m标志。

source,正则表达式的字符串表示,

var pattern1 = /\[ba\]at/i;

console.log("pattern1");

console.log(pattern1.global);

console.log(pattern1.ignoreCase);

console.log(pattern1.lastIndex);

console.log(pattern1.multiline);

console.log(pattern1.source);

console.log("pattern2");

var pattern2 = new RegExp("\\[bc\\]at","i");

console.log(pattern1.global);

console.log(pattern1.ignoreCase);

console.log(pattern1.lastIndex);

console.log(pattern1.multiline);

console.log(pattern1.source);

8,RegExp对象的主要方法是exec(),该方法是专门为捕获组设计的。exec()接受一个参数,也就是要应用模式的字符串。返回的对象是一个匹配项信息的数组或者null;

var text = "mom and dad and baby";

var pattern = /mom( and dad( and baby)?)?/gi;

var matches  = pattern.exec(text);

console.log("pattern3");

console.log(matches[0]);

console.log(matches[1]);

console.log(matches[2]);

9,RegExp对象的另一个主要方法是text();它与exec()的区别在于返回的结果是一个布尔值,即true或者false;主要用来判断是否匹配。

var text="000-00-0000";

var pattern=/\d{3}-\d{2}-\d{4}/;

if(pattern.test(text)){

console.log("OK!");

};


本节源码下载地址:JavaScript学习笔记(10):RegExp类型

上一篇下一篇

猜你喜欢

热点阅读