gpt4 book ai didi

JS正则表达式字面量和使用new RegExp构造函数创建的正则表达式有什么区别

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 30 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章JS正则表达式字面量和使用new RegExp构造函数创建的正则表达式有什么区别由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

以前看到很多文章都说 字面量 会比 new 对象 形式效率高,但是在正则这里,好像不是这么回事,对于复杂类的替换还是用new 来写出来。前提也得把正则优化好,我们在js中只用字符替换的时候,经常会遇到两种写法,直接字面量 。

1、str.replace(/ /ig,""),

2、new RegExp的方式 。

测试代码 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
< form name = form1 >
字符串:< input name = "t1" value = "123456" >
模式:/< input name = "t2" value = "^\d*$" >/
</ form >
< script language = javascript >
function c1()
  {
  re=new RegExp("^\d*$");
  alert(re.test("123456"));
  }
function c2(form)
  {
  re=new RegExp(form.t2.value);
  alert(re.test(form.t1.value));
}
function c3(){
  re=/^\d*$/;
  alert(re.test("123456"));
  }
  c1();
  c2(document.form1);
  c3();
</ script >

上面的代码结果为:FALSE,TRUE,TRUE 。

请问结果中为什么第一个为FALSE?

第一个应为   re=new   RegExp("^\\d*$");      。

 \在引号中需要转义 。

第一双有双引号,双引号要加多一次转义的,第二个没有,这就是区别  。

不过今天看来一篇文章,对于复杂类的替换还是用new 来写出来。前提也得把正则优化好.

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

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

所以优化你的正则,然后用 new RegExp 可以大幅度提升程序的性能.

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

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

JS正则使用正则表达式字面量和使用 RegExp 构造函数创建的正则表达式有什么不一样?

  。

下面的内容摘自某书 使用正则表达式字面量和使用 RegExp 构造函数创建的正则表达式不一样。在 ECMAScript 3 中, 正则表达式字面量始终会共享同一个RegExp实例,而使用构造函数创建的每一个新RegExp实例都是一个新实例。来看下面的例子.

?
1
2
3
4
5
6
7
8
9
10
var re = null ,
   i;
for (i=0; i < 10; i++){
  re = /cat/g;
  re.test( "catastrophe" );
}
for (i=0; i < 10; i++){
  re = new RegExp( "cat" , "g" );
  re.test( "catastrophe" );
}

在第一个循环中,即使是循环体中指定的,但实际上只为 /cat/ 创建了一个 RegExp 实例。由于实例属性不会重置,所以在循环中再次调用 test() 方法会失败。这是因为第一次调用 test() 找到了"cat",但第二次调用是从索引为 3 的字符(上一次匹配的末尾)开始的,所以就找不到它了。由于会测试到字符串末尾,所以下一次再调用 test()就又从开头开始了。 第二个循环使用 RegExp 构造函数在每次循环中创建正则表达式。因为每次迭代都会创建一个新的 RegExp 实例,所以每次调用 test()都会返回 true.

没能看懂,我测试了下两种方式来测试,都是返回了10次 true 啊 如果放开ES5标准不说,假如是ES3的话是不是说第一种情况是5次,第二种情况是10次呢?

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var re = null ,
  b = 0,
  c = 0,
  tmp,
  i;
for (i=0; i < 10; i++){
  re = /cat/g;
  tmp = re.test( "catastrophe" );
  console.log(tmp);
  if (tmp){
   b++ ;
  }
}
for (i=0; i < 10; i++){
  re = new RegExp( "cat" , "g" );
  tmp = re.test( "catastrophe" );
  console.log(tmp);
  if (tmp){
   c++;
  }
}
console.log(b,c);

你自己都说那是ES3的标准了,现在ES5都普及了,ES6的出现也指日可待了.

ES5标准里不管哪种方式都会创建一个独立的正则表达式。现代浏览器一般都支持ES5了.

因为现在要看ECMA5.1了,标准中明确指出 。

A regular expression literal is an input element that is converted to a RegExp object (see 15.10) each time the literal is evaluated. Two regular expression literals in a program evaluate to regular expression objects that never compare as === to each other even if the two literals' contents are identical. 。

正则表达式字面量每次被计算时都会被转换成一个正则对象,即使内容一致,这些对象也并不相同 。

最后此篇关于JS正则表达式字面量和使用new RegExp构造函数创建的正则表达式有什么区别的文章就讲到这里了,如果你想了解更多关于JS正则表达式字面量和使用new RegExp构造函数创建的正则表达式有什么区别的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com