JS中给正则表达式加变量

2017-05-31 13:35:23

一、字面量

其实当我们定义一个字符串,一个数组,一个对象等等的时候,我们习惯用字面量来定义,例如:

var s = "string";

var a = [1,2];

var o = {};

 

 

如果需要加入变量,那也是十分简单的事情,比如:

var v = "bl";

 

var s = "string" + v;  //"stringbl"

var a = [1,v];  //[1,"bl"]

var o = {first : v};  //{first : "bl"}

 

 

但是,如果碰到了用正则字面量,貌似一切就没这么好了。

var v = "bl";

var re = /^\d+$/gim;

这时,假如你想给\d+后面加入v这个变量,你会发现,没法弄。因为无论你怎么写,都会被当作正则的一部分来处理。

 

 

二、构造函数

在JS的世界中。除了null,undefined。其余皆是对象。

不过,这里肯定有人说,string、number、boolean怎么会是对象呢。

其实虽然我上面那句话不准确,但确实是最直观的感受。因为string、number、boolean在你用的时候,会默认的被相应的基本包装类型给转换成对象。

然后我们又知道,在JS中,所有的对象都是通过构造函数来生成的。

那么,我们就可以用构造函数来代替字面量定义法,例如:

var s = new String("string"); //String对象,toString()后为"string"

var a = new Array(1,2); //[1,2]

var o = new Object();  //{}

 

 

相应的,我们也可以用构造函数来生成正则表达式

var re = new RegExp("^\\d+$","gim"); //注意,反斜杠需要转义

那么,给它加变量,就和我们前面写的给字符串加变量一样了。

var v = "bl";

var re =new RegExp("^\\d+" + v + "$","gim"); // re为/^\d+bl$/gim

至此,最初的问题问题也完全解决了。

 

 

另外,还有一种方法是用过eval动态执行一段字符串的方法,不过我觉得从各方面来说,都属下策。

var re = eval("/^\\d+" + v + "$/gim")


  • 2020-05-06 22:23:15

    使用querySelector添加移除style和class

    document.querySelector(selector).style.styleName = 样式 使用这个方法可以对dom节点添加和移除style样式,其中的styleName可以为css样式的任何值,如:display、color

  • 2020-05-07 13:05:28

    JavaScript中批量设置Css样式

    setAttribute() 方法添加指定的属性,并为其赋指定的值。 如果这个指定的属性已存在,则仅设置/更改值

  • 2020-05-07 13:07:21

    scrollBox 跑马灯滚动js

    ​这个插件可以很好的实现跑马灯,以及轮播图等效果,scrollBox js

  • 2020-05-07 13:21:25

    JS中获取 DOM 元素的绝对位置实例详解

    在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧。