随手查阅的正则匹配笔记

2018-03-07 本文已影响56人 AlessiaLi

常见需求如下：

如果你只需要获取字符串中的首个匹配项

var re = /quick\s(brown).+?(jumps)/ig;
var result = re.exec('The Quick Brown Fox Jumps Over The Lazy Dog');
// 就算有 g 标识，通过 exec 也只能获取到首个匹配项
// result[0]: Quick Brown Fox Jumps

使用了 g 标识时（不使用时以下方法也适用），如果你想获取正则中的组匹配（capture groups）信息

var re = /quick\s(brown).+?(jumps)/ig;
var result = re.exec('The Quick Brown Fox Jumps Over The Lazy Dog');
// index 1~n 就是组匹配到的结果（此处正则中有两个括号，则 n 为 2）
// result[1]: Brown
// result[2]: Jumps

关于 exec 的更多详细说明可以查看 MDN 文档 RegExp.prototype.exec()

不使用 g 标识时，如果你想获取正则中的组匹配（capture groups）信息

'mockid=272;其他说明文字……'.match(/mockid=(\d+);/i)
// ["mockid=272;", "272", index: 0, input: "mockid=272;其他说明文字……"]
// 如果加上 g 标识，就只能得到 ["mockid=272;"]

匹配多种可能出现的值，获取最终匹配到的值

'GET/path/to/some/place'.match(/^(GET|POST|PUT|DELETE)/gi)
// 输出：["GET"]

关于 match 的更多详细说明可以查看 MDN 文档 String.prototype.match()

只想知道是否匹配某个正则（true or false）

// RegExp.prototype.test()
var str = 'hello world!';
var result = /^hello/.test(str);
console.log(result); // true

字符串是否匹配其中一种情况

let type = 'Array';
/Array|Object/.test(type) // true

关于 test 的更多详细说明可以查看 MDN 文档 RegExp.prototype.test()

// String.prototype.search()
var str = "hey JudE";
var re = /[A-Z]/g;
var re2 = /[.]/g;
console.log(str.search(re)); // returns 4, which is the index of the first capital letter "J"
console.log(str.search(re2)); // returns -1 cannot find '.' dot punctuation
// 因此可以直接判断返回负值时匹配结果为 false

关于 search 的更多详细说明可以查看 MDN 文档 String.prototype.search()

对匹配成功的字符串进行处理

function replacer(match, p1, p2, p3, offset, string) {
  // p1:([^\d]*) p2:(\d*) p3:([^\w]*)
  // p1 非数字, p2 数字, p3 非文字
  return [p1, p2, p3].join(' - ');
}
var newString = 'abc12345#$*%'.replace(/([^\d]*)(\d*)([^\w]*)/, replacer);
console.log(newString);  // abc - 12345 - #$*%

随手查阅的正则匹配笔记

常见需求如下：

推荐正则工具：

猜你喜欢

热点阅读