IT博客汇 | js正则表达式小tips

js正则表达式小tips

admin发表于 2016-09-28 02:55:48

RegExp的构造函数创建了一个正则表达式对象，用模式来匹配文本。
有两种方法可以创建一个正则对象：字面量和构造函数。

正则表达式字面量：

var re = /ab+c/;

在脚本加载后编译。若你的正则表达式是常量，使用这种方式可以获得更好的性能。

构造函数：

var re = new RegExp("ab+c");

使用构造函数，提供了对正则表达式运行时的编译。

当使用构造函数创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）。比如，以下是等价的：

var re = new RegExp("\\w+");
var re = /\w+/;

示例：

RegExp("^1[34578]\\d{9}$")
/^1[34578]\d{9}$/
 
RegExp(/^1[34578]\d{9}$/)
/^1[34578]\d{9}$/
 
RegExp("^1[34578]\\d{9}$").test('123')
false
 
RegExp(/^1[34578]\d{9}$/).test('123')
false
 
RegExp(/^1[34578]\d{9}$/).test('13211111111')
true

注：
json不支持正则表达式，传值时需要转为字符串。

{
    "type": "form-input-item",
    "element": "input.detail_t2",
    "maxLength": 11,
    "validator": {
        "allowEmpty": false,
        "type": "regex",
        "regex": "^1[34578]\\d{9}$",
        "ERR": "请您输入正确的手机号"
    }
}

参考：
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions

Feed enhanced by Better Feed from Ozh