脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 正则表达式 → js正则字面量与new RegExp的执行效率

浅谈js正则字面量//与new RegExp的执行效率

 更新时间：2020年04月08日 22:35:38   作者：楼教主  
以前看到很多文章都说 字面量 会比 new 对象 形式效率高，但是在正则这里，好像不是这么回事，具体的请看下面的分析

前几天谈了正则匹配 js 字符串的问题：《js 正则学习小记之匹配字符串》 和 《js 正则学习小记之匹配字符串优化篇》。
里面讲到了优化正则起到提升性能的问题，但是能提升多少呢？
于是我去测试了，发现TMD几乎微乎其微，我用1千字符串进行100万次匹配测试，优不优化根本没区别。

这不科学，我白看了这么多天正则，上天这是在玩弄我么。

突然我想到了 compile 方法，然后去测试了下，奇迹出现了，果然优化过的快了不少。

但这是为什么呢？
于是我翻阅资料，在 MDN 上找到了 RegExp Methods
这里说 compile 方法已被弃用！这不科学。。。
在 stackoverflow 上发现这篇文章 Javascript: what's the point of RegExp.compile()? 
文章大意是说其实 直接 new RegExp 即可，compile 几乎用不到。
于是乎我修改了代码再来一次。

果然，直接 new RegExp 效果和 compile 是一样的。
不过这只是 nodejs 下的结果，我们去看看各个浏览器下的结果如何吧。

<!doctype html>
<html lang="en"> 
<head>
 <meta charset="UTF-8">
 <title>test</title>
</head>
 
<body>
 <script>
  var str1 = '"' + Array(100).join("x") + '123456\\\'78\\\"90"';
  var str2 = '"' + Array(100).join("x") + 'ooo\\\\oooo\\\nxxxx\\\"xxxx"';
   // 这里写100，小一点，防止等半天，FF那怂货就半天
  console.log("字符串1:", str1);
  console.log("字符串2:", str2);
 
  var reg1 = /"(?:\\.|[^"])*"/;
  var reg2 = /"(?:[^"\\]|\\[\d\D])*"/;
 
  var reg11 = new RegExp('"(?:\\.|[^"])*"');
  var reg22 = new RegExp('"(?:[^"\\]|\\[\d\D])*"');
 
  var n = 1e6; //100万次测试
 
  test("reg1", reg1);
  test("reg2", reg2);
  test("reg11", reg11);
  test("reg22", reg22);
 
  function test(name, re) {
   console.time(name);
   for (var i = 0; i < n; i++) {
    str1.match(re);
    str2.match(re);
   }
   console.timeEnd(name);
  }
 </script>
</body> 
</html>


chrome


firefox


IE11


IE8 (我调用了一个插件模拟控制台实现IE6-8调试输出的)

很明显，第一名是 chrome (以 reg22 那个优化过的为准)，这个号称武装到牙齿的货，果然够new逼。
不过 firefox 这货，竟然连 IE8 都比不过，是不是太怂了点。

优化过的 正则 比没优化的快，那是肯定的。
但是 正则字面量 和 new RegExp 比，那就不是一个档次了。
为什么有如此大的差距呢？
其实我也没搞清楚。

以前看到很多文章都说 字面量 会比 new 对象 形式效率高，但是在正则这里，好像不是这么回事。
不过也不能直接否认这个观点，因为我一直都用字面量的，简洁美观，用着方便才是王道。

我觉得在数据量大，或者重复操作次数多的时候用 new RegExp 是很必要的。
因为你也看到了性能提升这么多。
当然前提条件是你的正则必须优化，正则没优化的情况，两种差不多。
所以优化你的正则，然后用 new RegExp 可以大幅度提升程序的性能。

PS: IE11 是个特例，这货从来不安套路出牌。

好了今天的分享完毕，你们都蠢蠢欲动了吧，快去把正则各种new起来吧。

您可能感兴趣的文章:

相关文章

  • 正则表达式匹配路由的实现代码

    正则表达式匹配路由的实现代码

    这篇文章主要介绍了正则表达式匹配路由的实现代码,代码也很简单，感兴趣的朋友参考下本文
    2018-07-07
  • 关于正则表达式基本语法的应用详解(必看篇)

    关于正则表达式基本语法的应用详解(必看篇)

    下面小编就为大家带来一篇关于正则表达式基本语法的应用详解(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 手机号码验证方法(正则验证)

    手机号码验证方法(正则验证)

    这篇文章主要介绍了手机号码验证方法(正则验证),在文章中还给大家补充了最新手机号的验证正则表达式，需要的朋友可以参考下
    2017-02-02
  • 学习正则！超基础简单例子

    学习正则！超基础简单例子

    我一直都觉得正则表达式只要在要用的时候翻一下百度就Ok了，然后今天写php的时候发现，原来我正则完全一点都不懂
    2012-09-09
  • 一文教会你用正则表达式校验日期时间格式

    一文教会你用正则表达式校验日期时间格式

    日期的格式多种多样，有如："yyyy-MM-dd HH:mm:ss"、"yyyy/MM/dd HH:mm:ss"、"yyyyMMdd HH:mm:ss"等，当然也有的只记录到天,下面这篇文章主要给大家介绍了关于用正则表达式校验日期时间格式的相关资料,需要的朋友可以参考下
    2022-10-10
  • 利用正则表达式校验金额最多保留两位小数实例代码

    利用正则表达式校验金额最多保留两位小数实例代码

    很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求,下面这篇文章主要给大家介绍了关于利用正则表达式校验金额最多保留两位小数的相关资料,需要的朋友可以参考下
    2022-08-08
  • 常用的正则表达式集锦

    常用的正则表达式集锦

    今天我将分别用PHP和Javascript向大家介绍WEB开发中最常用最实用的正则表达式及其用法，正则表达式是一门学科，不可能使用一篇文章来讲解完，理论的东西网上很多，有兴趣的同学可以搜一大把。
    2014-09-09
  • JAVA中正则表达式小总结(整理)

    JAVA中正则表达式小总结(整理)

    昨天，有朋友请教我关于正则表达式的问题，就这点问题当时也真是把我难住了，无奈不得不学习了，于是到搜了写相关资料，为了加深了印象，现把相关内容整理如下，供大家参考学习
    2015-09-09
  • 学会Python正则表达式，就看这20个例子(脚本之家修正版)

    学会Python正则表达式，就看这20个例子(脚本之家修正版)

    这篇文章主要介绍了学会Python正则表达式，就看这20个例子,需要的朋友可以参考下
    2020-03-03
  • 检查素数的正则表达式分享

    检查素数的正则表达式分享

    一般来说，我们会使用正规表达式来做字符串匹配，今天在网上浏览的时候，看到了有人用正则表达式来检查一个数字是否为素数（质数），让我非常感兴趣
    2011-08-08

最新评论