JavaScript 实现基础 正则表达式

2016-02-19 09:52 6 1 收藏

下面是个超简单的JavaScript 实现基础 正则表达式教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

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);

来源:http://www.tulaoshi.com/n/20160219/1592487.html

延伸阅读
标签: Web开发
你平时如何测试正则表达式?直接写在大段的代码中,然后等待程序运行到那里,再用alert显示结果?或者是临时写一个页面,测试完成后把它丢掉? 你可以试一下我这个页面,虽然它很粗糙,但是测试正则表达式也足够了:)) 一、说明: 1. 我的本意为交流技术.本人水平很菜.因此所贴出的代码中,会有不足之处. 2. 代码可任意修改.如果你...
标签: Web开发
作者: hezhiwu5@163.com  script language="javascript" var stringObj="终古人民共和国,终古人民"; //替换错别字“终古”为“中国” //并返回替换后的新字符 //原字符串stringObj的值没有改变 var newstr=stringObj.replace("终古","中国");  alert(newstr); /script 比我聪明的你,看完上面的例子...
标签: Web开发
在Javascript里,有两种使用正则的方法,一是创建一个正则表达式的实例,而是使用String对象里的正则表达相关的方法. 首先是正则表达式的创建,有2种办法: var my_regex=/[a-z]+/g; var my_regex=new ("[a-z]+","g"); 方法 exec(string),对string进行正则处理,并返回匹配结果. test(string),测试string是否含有匹配结果 字符串对象中的...
标签: Web开发
JavaScript中的正则表达式解析 正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹配或代替一个字符串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。要为一个单独的正则表达式添加属性,可以使用正则表达式构造函数(constructor function),无论何时被调用的预设置的正则表...
标签: Web开发
匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:ns*r 评注:可以用来删除空白行 匹配HTML标记的正则表达式...

经验教程

823

收藏

31
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部