JavaScript 实现基础 正则表达式

迷人可爱你斌粑

迷人可爱你斌粑

2016-02-19 09:52

下面是个超简单的JavaScript 实现基础 正则表达式教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~
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);
展开更多 50%)
分享

猜你喜欢

JavaScript 实现基础 正则表达式

Web开发
JavaScript 实现基础 正则表达式

正则表达式基础

Web开发
正则表达式基础

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript 正则表达式解析

Web开发
JavaScript 正则表达式解析

javascript正则表达式分析

Web开发
javascript正则表达式分析

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Javascript正则表达式详解

Web开发
Javascript正则表达式详解

正则表达式

Web开发
正则表达式

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Windows 8系统睡眠恢复时如何自动登陆

Windows 8系统睡眠恢复时如何自动登陆

解析在Android中为TextView增加自定义HTML标签的实现方法

解析在Android中为TextView增加自定义HTML标签的实现方法
下拉加载更多内容 ↓