本文介绍了如何在 JavaScript 中，当正则表达式以字符串形式存在时，将其转换为可用的 RegExp 对象，并利用该对象对目标字符串进行验证。涵盖了从字符串中解析正则表达式模式和标志，以及使用 RegExp.test() 方法进行匹配的具体实现。
在 JavaScript 开发中，有时会遇到正则表达式以字符串形式存在的情况，例如从配置文件、API 接口获取。直接使用字符串进行正则表达式匹配会报错，因为字符串类型不具备 test() 方法。我们需要将字符串转换为 RegExp 对象才能进行验证。
将正则表达式字符串转换为 RegExp 对象
关键在于使用 RegExp 构造函数。RegExp 构造函数接受两个参数：正则表达式模式和标志。
new RegExp(pattern, flags);
- pattern: 正则表达式的文本。
- flags: 可选。如果指定了 flags，则该参数可以是包含 'g'、'i'、'm'、's'、'u'、'y' 的任何顺序的字符串，或者这些标志的任意组合。
如果正则表达式字符串已经包含了分隔符 / 和标志，我们需要先解析这些信息。可以使用正则表达式来提取模式和标志。
立即学习“Java免费学习笔记（深入）”；
function strToRegex(s) {
let m = s.match(/^(?:/(.*)/([a-z]*)|.*)$/);
if (m[1]) {
return new RegExp(m[1], m[2]); // delimiters
}
return new RegExp(m[0]); // no delimiters
}这个函数首先尝试匹配以 / 开头和结尾的字符串，并提取中间的模式和标志。如果匹配成功，则使用提取的模式和标志创建 RegExp 对象。如果匹配失败（即字符串没有分隔符），则直接将整个字符串作为模式创建 RegExp 对象。
使用 RegExp 对象进行验证
创建了 RegExp 对象后，就可以使用 test() 方法来验证字符串是否匹配该正则表达式。
regex.test(value);
test() 方法返回一个布尔值，表示字符串是否匹配正则表达式。
注意: test() 方法是 RegExp 对象的方法，而不是字符串的方法。
完整示例
var fieldTypes = [
'/^[0-9]+$/',
'/^(true|false)$/i',
'/^\d{4}-\d{2}-\d{2}$/',
'/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/i',
'yyyy-mm-ddThh:mm'
];
var value = '2000-01-01';
// parse string to regex
function strToRegex(s) {
let m = s.match(/^(?:/(.*)/([a-z]*)|.*)$/);
if (m[1])
return new RegExp(m[1], m[2]); // delimiters
return new RegExp(m[0]); // no delimiters
}
// test value against regex
fieldTypes.forEach(regex_str => {
let regex = strToRegex(regex_str);
console.log(regex, '=>', regex.test(value));
});这个示例首先定义了一个包含正则表达式字符串的数组 fieldTypes。然后，定义了一个字符串 value，用于进行验证。接下来，使用 forEach 循环遍历 fieldTypes 数组，将每个正则表达式字符串转换为 RegExp 对象，并使用 test() 方法验证 value 是否匹配该正则表达式。最后，将结果打印到控制台。
注意事项
- 确保正确转义正则表达式字符串中的特殊字符，例如 。
- 理解正则表达式的语法和标志，以便正确地创建 RegExp 对象。
- RegExp 构造函数可以接受变量作为参数，这使得动态创建正则表达式成为可能。
总结
本文介绍了如何在 JavaScript 中将正则表达式字符串转换为 RegExp 对象，并使用 test() 方法进行验证。通过掌握这些技巧，可以灵活地处理各种正则表达式匹配场景。记住，理解正则表达式的语法和标志是至关重要的，这将帮助你编写更有效、更准确的正则表达式。
