JavaScript 正则表达中如何添加变量

正则表达式十分强大,学好它能使我们事半功倍。

正则表达式30分钟入门教程

一、字面量

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

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的世界中。除了nullundefined。其余皆是对象。
不过,这里肯定有人说,stringnumberboolean怎么会是对象呢。
其实虽然我上面那句话不准确,但确实是最直观的感受。因为stringnumberboolean在你用的时候,会默认的被相应的基本包装类型给转换成对象。
然后我们又知道,在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

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

    原文作者:Joe_Somebody
    原文地址: https://www.jianshu.com/p/3ecad04b45a4
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞