JavaScript 实现基础 正则表达式

技术  /  管理员 发布于 6年前   333

JavaScript通过RegExp类来支持正则表达式，举一个最简单的例子：

复制代码 代码如下:

var regApple = new RegExp("apple");

它可以匹配一个字符串中出现的第一个"apple"字符串，并且对大小写敏感。在构造方法中加入第二个参数"g"则代表的搜索出字符串中所有的 "apple"，这里"g"代表"global"。如果第二个参数为"i"，则代表着case-insensitive，匹配过程中将不考虑字母的大小写。将上述两者综合起来，可以搜索出所有"apple"字符串，并且不考虑大小写问题。

复制代码 代码如下:

var regApple = new RegExp("apple", "gi");

正则表达式有着并不唯一的表示方法，使用Perl语言中的语法，可以将上述表达式表示为：

复制代码 代码如下:

var regApple = /apple/gi;

创建了一个RegExp对象后，RegExp的方法可以构造出不同的匹配方式，因为正则表达式是对字符串进行的操作，所以String的一些方法在构造正则表达式的过程中也扮演着重要角色。
RegExp对象的方法

复制代码 代码如下:

var sampleString = "Greenapple";
var regApple = /apple/;
alert(regApple.test(sampleString));

上面代码输出的结果是"true"，因为sampleString中包含了需要匹配的字符串"apple"，这是最简单的检测方式。有时，我们需要知道匹配的详细结果，例如：

复制代码 代码如下:

var sampleString = "green apples, red apples";
var regApple = /apple/g;
var arr = regApple.exec(sampleString);

通过使用exec()方法，返回的arr是关于匹配结果的一个数组，包括每一个匹配的值及其所在的段，例如上例中是"green apples"还是"red apples"。match()方法有着和exec()相同的功能，只是表达方式不同：

复制代码 代码如下:

var sampleString = "green apples, red apples";
var regApple = /apple/g;
var arr = sampleString.match(regApple);

search()方法和indexOf()比较类似，返回第一个匹配的字符串所在的位置：

复制代码 代码如下:

var sampleString = "green apples, red apples";
var regApple = /apple/gi;
alert(sampleString.search(regApple)); //输出"6"

String的方法
String的replace()方法可以将指定的字符串替换为另一个字符串：

复制代码 代码如下:

var sampleString = "There is a green apple.";
alert(sampleString.replace("green", "red")); //输出"There is a red apple."

将replace()的第一个参数替换为一个正则表达式，可以达到同样的效果：

复制代码 代码如下:

var sampleString = "There is a green apple.";
var regApple = /apple/;
alert(sampleString.replace(regApple, "red")); //输出"There is a red apple."

replace()的第二个参数可以替换为一个function()，该function()接受一个匹配字符串作为参数，返回一个替换字符串。(存在疑问)
使用正则表达式可以实现String的split()方法相同的功能。

复制代码 代码如下:

var fruit = "apple,pear,lemon";
var arr = fruit.split(",");

使用正则表达式：

复制代码 代码如下:

var fruit = "apple,pear,lemon";
var reg = /\,/;
var arr = fruit.split(reg);