将正则表达式从 json 绑定到打字稿

Question

我正在从事 Angular 7 项目。我有 config.json 文件，其中标签的名称之一是 inputmask'

config.json

{
"name" : "abc",
"maskRegExp" : "[/[0-9]/, /\d/, /\d/, '-', /[0-9]/, /\d/, /\d/, /\d/, /\d/, /\d/, '-', /[0-9]/, /\d/, /\d/]"

打字稿文件

export class sampleComponent implements OnInit {

getExp : any;

  ngOnInit(){
     this.getExp = this.data.maskRegExp; //returns as string which shouldn't
}

预期数据

this.getExp = [/[0-9]/, /\d/, /\d/, '-', /[0-9]/, /\d/, /\d/, /\d/, /\d/, /\d/, '-', /[0-9]/, /\d/, /\d/]; }

问题是 json 不是由正则表达式返回，而是作为字符串发送。我知道对于人们来说这可能看起来像一个愚蠢的问题，但我是 angular/javascript 的新手。请帮我提供一些示例代码。

当我 console.log this.getExp 时，我希望输出如下图所示

但我收到的是这样的

Answer 1

要将字符串转换为正则表达式，您可以使用RegExp 对象：

this.getExp = new RegExp(this.data.maskRegExp);

如果你想要上面所说的输出，你显然不应该使用 RegExp，而只是用逗号 + 空格分割字符串。

this.getExp = this.data.maskRegExp.split(', ');

如果你希望它是一个正则表达式数组，你可以这样做：

this.getExp = this.data.maskRegExp.split(', ').map((r) => new RegExp(r));

Answer 2

你在 JS 中有一个 Regexp 对象：

const str = "[/[0-9]/, /\d/, /\d/, '-', /[0-9]/, /\d/, /\d/, /\d/, /\d/, /\d/, '-', /[0-9]/, /\d/, /\d/]";

const regex = new RegExp(str, 'gi');

console.log(regex);

它们完全相同，但是使用该构造函数，您可以从字符串创建正则表达式。