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")


  • 2018-05-21 13:54:06

    laravel-nestedset:多级无限分类正确姿势

    Nested Set Model 是一种实现有序树的高明的方法,它快速且不需要递归查询,例如不管树有多少层,你可以仅使用一条查询来获取某个节点下的所有的后代,缺点是它的插入、移动、删除需要执行复杂的sql语句,但是这些都在这个插件内处理了!

  • 2018-06-02 00:29:58

    Android实现沉浸式状态栏的那些坑

    最近项目需要实现沉浸式的状态栏,其实我在之前就了解过Android的沉浸式,发现有些棘手就放弃了,但是此次是公司的项目需要的,就花了几天把这个问题搞定了,在此记录一下,并mark几个坑。 首先,沉浸式是Android 4.4及以上才有的,在后续的5.0及6.0上面都增加了一些相关支持,于是问题就不太好办了。先看我实现的效果:

  • 2018-06-02 00:30:35

    Android 解决沉浸式状态栏下,输入法弹出,布局不会自动调整的BUG

    在开发中,如果输入框在布局的底部。在弹出输入发时,为了使输入法不遮挡输入框通常有两种做法: 1.将布局压缩(Activity的android:windowSoftInputMode属性设置为”adjustResize”)。 2.移动布局,将布局顶到输入框之上(Activity的android:windowSoftInputMode属性设置为”adjustPan”)

  • 2018-06-02 00:31:27

    Android layout实现输入法弹出后,布局整体上移

    那如果要实现沉浸式状态栏又要保持布局不会被输入法遮挡,怎么办呢? 只要在根布局加上android:fitsSystemWindows=”true”即可,效果如下(为方便看效果我把背景改成了黄色):

  • 2018-06-04 10:06:43

    mysql查询数据的同时对它进行删除操作

    今天遇见一个问题,需要把mysql数据库里面的 商品主表 和它的每一个条目对应不上的数据给全部删除(数据如下图);也就是整理一下数据库里的数据保证数据的可用;