你不一定知道的关于JavaScript的正则表达式

这两天在用正则表达式搞一个稍微有点复杂的东西，但是不同浏览器之间的差异可浪费了我不少的人参。

现在我把正则表达式在五大主流浏览器（IE、Firefox、Chrome、Safari、Opera，以当前版本为准）之间的差异整理一下罗列出来，给大家，也算给我自己做一个备忘。

1、Firefox和Chrome会过度优化在循环（以及其中内嵌的函数定义）中创建的正则表达式，似乎它们在假设写JavaScript的人会把正则表达式的构建和赋值写错地方。


代码如下:

var r;
for(var i = 0; i < 2; i++){
var x = /abc/g;
if(r)
document.write(r == x); // 第二个循环时Firefox和Chrome会输出“true”
else
r = x;
}

2、如果你把一个有可能什么也不返回的函数作为第二个参数传递给replace方法，那么IE可能会直接删除匹配的文本（在之前的测试中我总结的是Opera的行为比较独特，现在看起来似乎是错误的结论），而其它浏览器则是会将匹配的文本替换成“undefined”。


代码如下:

document.write('123'.replace(/2/, function(){})); // IE会输出“13”，而其它浏览器输出“1undefined3”

3、如果使用new RegExp的形式创建正则表达式时使用一个已有的正则表达式实例作为参数，那么大部分浏览器都会创建一个基本功能相同，但完全独立的、全新的正则表达式实例；而Safari则会很干脆地返回作为参数的那个正则表达式实例。


代码如下:

var r = /1/;
document.write(new RegExp(r) == r); // Safari会输出“true”，而其它浏览器输出为“false”

4、如果把一个“空”的正则表达式直接转化成字符串，IE以外的浏览器都会得到“/(?:)/”，而IE会得到“//”——但从正则表达式上直接提取source属性的时候，得到的都是空字符串。


代码如下:

document.write(new RegExp('')); // IE输出“//”，其它浏览器输出“/(?:)/”
document.write(eval('' + new RegExp(''))) // IE输出“undefined”，其它浏览器输出“/(?:)/”

5、如果把一个包含斜线“/”的正则表达式直接转化成字符串——以“new RegExp('/')”为例，只有Firefox和Opera会得到“/\//”，并且直接提取source属性会得到“\/”；而其它浏览器则会得到“///”，且直接提取source属性会得到“/”。


代码如下:

document.write(new RegExp('/')); // Firefox和Opera输出“/\//”，其它浏览器输出“///”
document.write(eval('' + new RegExp('/'))) // Firefox和Opera输出“/\//”，其它浏览器输出“undefined”

6、如果在使用字面表达式来定义一个正则表达式时，使用了无效的选项标志（例如“/abc/n”），则Chrome和Safari会完全忽视此无效选项标志（等同于“/abc/”），而在其它浏览器会导致语法错误。


代码如下:

document.write(/abc/n); // Chrome和Safari会输出“/abc/”，其它浏览器中产生语法错误

7、如果通过构造器来创建正则表达式时，为其指定选项标志的（第二个）字符串参数中包含了非有效标志的字符，在Firefox中就会引起一个异常，而其它浏览器会将无效的部分忽略。


代码如下:

document.write(new RegExp('1', 'n')); // Firefox中会引起一个异常，提示无效的标志；而其它浏览器会输出“/1/”

暂时就这些吧，发现新的再补上。
来自:http://www.cnblogs.com/NanaLich

赞 (0)

相关推荐

  • Javascript中正则表达式的使用及基本语法

    前面的话 正则表达式在人们的印象中可能是一堆无法理解的字符,但就是这些符号却实现了字符串的高效操作.通常的情况是,问题本身并不复杂,但没有正则表达式就成了大问题.javascript中的正则表达式作为相当重要的知识,本文将介绍正则表达式的基础语法 定义 正则表达式(Regular Expression)是一门简单语言的语法规范,是强大.便捷.高效的文本处理工具,它应用在一些方法中,对字符串中的信息实现查找.替换和提取操作 javascript中的正则表达式用RegExp对象表示,有两种写法:一种

  • javascript用正则表达式过滤空格的实现代码

    javascript用正则表达式过滤空格的实现代码 <html> <head> <script type="text/javascript"> // 删除左右两端的空格 function trim(str){ $a=str.replace(/(^\s*)|(\s*$)/g, ""); alert($a.length); // alert(str.length); } // 删除左边的空格 function ltrim(str){

  • JavaScript中正则表达式判断匹配规则及常用方法

    字符串是编程时涉及到的最多的一种数据结构,对字符串进行操作的需求几乎无处不在. 正则表达式是一种用来匹配字符串的强有力的武器.它的设计思想是用一种描述性的语言来给字符串定义一个规则,凡是符合规则的字符串,我们就认为它"匹配"了. \d可以匹配一个数字                 '00\d'可以匹配'007' ,'\d\d\d'可以匹配'010' \w可以匹配一个字母或数字      '\w\w'可以匹配'js' \s可以匹配一个空格(也包括Tab等空白符) \DWS都是表示匹配与

  • JavaScript使用正则表达式获取全部分组内容的方法示例

    JavaScript使用正则表达式获取全部分组内容的方法示例

    本文实例讲述了JavaScript使用正则表达式获取全部分组内容的方法.分享给大家供大家参考,具体如下: 1. 需要使用正则表达式的exec 2. 需要循环 DEMO示例:(如下代码将输出 8 , 9,两个匹配到的分组内容) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS正则demo</title>

  • javascript常用正则表达式汇总

    javascript常用正则表达式汇总 /** * 检验各种规则 * @param str 检验的内容 * @param cType 预设的检验规则 字符串[ * empty, 检验是否为空 * telphone, 座机手机号码 * allphone, 所有手机号码 * ydphone, 移动手机号码 * ltphone, 联通手机号码 * dxphone, 电信手机号码 * email, 邮箱 * url, 网址 * cn, 汉字 * image, 图片格式 * emscode, 邮政编码 *

  • 浅谈Javascript常用正则表达式应用

    模式修饰符的可选参数 i: 忽略大小写 g: 全局匹配 m: 多行匹配 /hello/: 两个反斜杠是正则表达式的字面量表示法 两个测试方法 test const test = new RegExp('hello world', 'ig'); console.log(test.test('hello world')); // true exec 返回的是数组,有就返回数组的值,没有返回为null const test = new RegExp('hello world', 'ig'); cons

  • JavaScript中正则表达式使数字、中文或指定字符高亮显示

    <span id="span_id">span2314的23文本213</span> var htmlobj = txt.replace(/(\d+)/img, "<span style='background:red;'>$&</span>"); //var htmlobj = txt.replace(/([+\-]?[0-9]+(\.[0-9]+)?)/g, "<span style='ba

  • javascript中正则表达式语法详解

    好久都没有写博客了,主要是太懒了,尤其是在阳春三月,风和日丽的日子,太阳暖暖的照在身上,真想美美的睡上一觉.就导致了这篇博客拖到现在才开始动笔,javascript的正则这一块也不是什么新的东西,主要是以前本人一遇到写正则的需求就开始头大,头疼,网上剽窃,东拼西凑,反正就是各种不适应,所以我打算系统的把正则表达式看一遍,一来是自己有所提升,这一块知识点的查漏补缺,二来是给大家分享一下.好了,下面我们直接进入主题: 正则是匹配字符串特定模式的一种表达式,官方是这样说的,但我的理解不外乎就是匹配字符

  • JavaScript中正则表达式的实际应用详解

    实际工作中,JavaScript正则表达式还是经常用到的.所以这部分的知识是非常重要的. 一.基础语法: 第一种:字面量语法 var expression=/pattern/flags; 第二种:RegExp构造函数语法 var pattern = /\w/gi; //字面量语法 var pattern = new RegExp('\\w', 'gi');//构造函数语法,这两者是等价的 这里有个注意点就是:如果正则表达式是动态的话,只能选择第二种. 其中的flags有3个标志 g:表示全局模式

  • 深入了解JavaScript中正则表达式的使用

    深入了解JavaScript中正则表达式的使用

    目录 一.什么是正则表达式 1.正则表达式特点 2.正则表达式的使用 二.正则表达式中的特殊字符 1.正则表达式的组成 2.边界符 3.字符类 4. 量词符 5.括号总结 6.预定义类 三.String类中的方法 1.match()方法 2.search()方法 3.split()方法 4.replace()方法 一.什么是正则表达式 是用于匹配字符串中字符组合的模式.在 JavaScript中,正则表达式也是对象. 正则表通常被用来检索.替换那些符合某个模式(规则)的文本,例如验证表单:用户名

随机推荐