JS正则表达式字面量和使用new RegExp构造函数创建
我们在js中只用字符替换的时候,经常会遇到两种写法,直接字面量
1、str.replace(/ /ig,"");
2、new RegExp的方式
测试代码
<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 构造函数创建的正则表达式有什么不一样?
狼蚁网站SEO优化的内容摘自某书
使用正则表达式字面量和使用 RegExp 构造函数创建的正则表达式不一样。在 ECMAScript 3 中, 正则表达式字面量始终会共享同一个RegExp实例,而使用构造函数创建的每一个新RegExp实例都是一个新实例。来看狼蚁网站SEO优化的例子。
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次呢?
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 pare as === to each other even if the two literals' contents are identical.
正则表达式字面量每次被计算时都会被转换成一个正则对象,即使内容一致,这些对象也并不相同
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程