当前位置:  编程技术>其它

JavaScript 实现基础 正则表达式

    来源: 互联网  发布时间:2014-10-15

    本文导语:  JavaScript通过RegExp类来支持正则表达式,举一个最简单的例子: 代码如下:var regApple = new RegExp("apple"); 它可以匹配一个字符串中出现的第一个"apple"字符串,并且对大小写敏感。在构造方法中加入第二个参数"g"则代表的搜索出字...

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

    
 
 

您可能感兴趣的文章:

  • Javascript里的两种使用正则的方法
  • JavaScript正则表达式库 XRegExp
  • JavaScript 的正则表达式编辑器 Scriptular
  • javascript 正则修正符
  • javascript下一个还原html代码的正则
  • javascript判断中文的正则
  • javascript 小时:分钟的正则表达式
  • javascript下正则匹配百分比的代码
  • 用Javascript正则实现url链接的解析类
  • javascript利用正则快速找出两个字符串的不同字符
  • javascript用正则表达式把1234567890替换为abcdefghij
  • JavaScript正则表达式之后向引用实例代码
  • JavaScript 去前后全脚半脚空格的正则
  • Javascript lastIndex 正则表达式的一个疑惑
  • javascript 正则 判断是否是数字的脚本
  • javascript正则表达式容易被忽略的小问题整理
  • JavaScript正则表达式验证中文实例讲解
  • javascript中正则表达式反向引用示例介绍
  • javascript中匹配价格的正则表达式
  • JavaScript基于正则表达式的数字判断函数
  • JavaScript表达式语言 Esel
  • javascript之正则表达式基础知识小结
  • JavaScript 使用正则表达式进行表单验证的示例代码
  • JavaScript常用的正则表达式表单验证代码
  • javascript 数字的正则表达式集合
  • javascript 正则表达式用法 小结
  • JavaScript 正则表达式 验证整数、小数、实数、有效位小数最简单
  • Javascript中使用exec进行正则表达式全局匹配时的注意事项
  • javascript正则表达式基础篇
  • c/c++开源软件 iis7站长之家
  • PHP和javascript常用正则表达式及用法实例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 如何使用JavaScript和正则表达式进行数据验证
  • javascript 基于正则表达式的文本框验证代码
  • javascript中使用正则表达式进行字符串验证示例
  • JavaScript 表单验证正则表达式大全[推荐]
  • 重温JavaScript中的正则表达式 js学习笔记
  • javascript RegExp对象(正则表达式)
  • JavaScript 正则表达式之RegExp属性、方法及应用分析
  • javascript中使用正则表达式实现删除字符串中的前后空格
  • 正则表达式在javascript中的几个实例
  • 如何实现正则表达式的JavaScript的代码高亮
  • Javascript正则表达式测试网页
  • JavaScript 正则表达式验证函数代码
  • 正则表达式语法规则及在Javascript和C#中的使用方法
  • 经典Javascript正则表达式[优质排版]
  • javascript常用正则表达式合集第1/2页
  • JavaScript 正则表达式解析
  • JavaScript RegExp 正则表达式对象详细说明
  • javascript高级程序设计(第三版)学习笔记(一) 正则表达式整理
  • 精通 JavaScript中的正则表达式手机整理 推荐
  • javascript正则表达式分析第1/2页
  • HTML网页中的javaScript自动跳转方法介绍及javaScript自动跳转代码示例
  • Javascript 游戏引擎 cocos2d javascript
  • 通过javascript实现DIV居中,兼容各浏览器版本
  • JavaScript的OAuth开发包 OAuth in JavaScript
  • javascript 添加到收藏夹和书签代码示例
  • Javascript 调试插件
  • javascript eval换成document.write 显示原型
  • JavaScript图表 JScharts
  • 通过javascript库JQuery实现页面跳转功能代码
  • JavaScript 开发环境 UltraREPL
  • javascript操作html复选框checkbox:如何判断复选框是否被选中


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3