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-02-22 18:03:10

    Vue组件中使用Sass或者Less全局变量

    本文以Sass做案例,Less的参考,基本配置大同小异。 假如我们有一个Sass的全局变量common.scss文件,路径 ../style/common.scss 代码如下:

  • 2020-02-23 23:27:26

    Nuxt.js 基础入门教程

    Nuxt.js 就是一个极简的 vue 版的 ssr 框架。基于它,我们可以快速开发一个基于 vue 的 ssr 单页面应用。

  • 2020-02-24 18:36:17

    百度地图做电子围栏总结

    需求:在地图上画出围栏,设置围栏信息后保存,生成围栏列表。全选时,地图视野可看到全部的围栏区域,单独勾选会调整地图视野到当前勾选的围栏。围栏区域的中心点要显示围栏名称。

  • 2020-02-24 18:37:17

    百度地图绘制轨迹点

    没有后台获取事实信息 都是伪数据- -轨迹信息做不到事实导航。 控件可以根据自己的需求添加 位置通过offset:new BMAP.Size(x,y)进行微调 事实路况信息需要通过引没有后台获取事实信息 都是伪数据- -轨迹信息做不到事实导航。 控件可以根据自己的需求添加 位置通过offset:new BMAP.Size(x,y)进行微调 3D视图部分城市没有开放开放 根据需求自己添加

  • 2020-02-24 18:43:54

    百度地图JS关于规划路线偏离预警的解决方式

    说实在的这个解决方案有点low,我并不会很赞成,效率有点低。如果多的话,很是耗费资源。 我推荐使用矩形来解决这个问题,而不是圆形。 当日用矩形的话,就要确保轨迹是折线的,而不是弧线等。

  • 2020-02-24 18:45:33

    巧妙解决百度地图加偏纠偏问题

    所谓的加偏,就是将真实坐标加上一定的偏移量,而这个偏移量又不是线性的,不同地区偏移不一样,但同一地区偏移量却差不多,因此,有人就使用了个暴力破解的方法,