Javascript中正则表达式的应用详解

什么是正则表达式

正则表达式是一种描述字符串模式的工具，可以方便快捷的进行字符串匹配、替换等操作。Javascript内建的正则表达式库是RegExp。

创建正则表达式

Javascript中可以通过两种方式创建正则表达式

直接量方法

使用/pattern/表示式，其中pattern是需要匹配的模式。

例如：匹配字符串中的‘a’字符

var str = 'This is example text';
var pattern = /a/;
var result = pattern.test(str);
console.log(result); // true

构造方法

使用new RegExp("pattern","attributes")方法，其中pattern是需要匹配的模式，attributes是可选的修饰符。

例如：匹配字符串中的数字字符,使用构造方法，添加g标志，实现全局匹配。

var str = 'This is example 123 text';
var pattern = new RegExp("\\d+", "g");
var match;
while ((match = pattern.exec(str)) != null) {
  console.log(match[0]);
}
// 123

正则表达式的修饰符

通常正则表达式的修饰符用于控制在字符串中匹配的行为，常见的修饰符包括 g 全局匹配、 i 忽略大小写匹配、 m 多行匹配等等，每个修饰符对应不同的匹配方式。

例如：符合以下任意一条的字符串都会匹配, 在匹配时不区分大小写，每个匹配都仅返回首个匹配的位置。

var str = 'aaa312aaA';
var pattern = /A|3/gi;
var match;
while ((match = pattern.exec(str)) != null) {
  console.log(match[0]);
}
// A
// 3
// a
// A

正则表达式的元字符

元字符是正则表达式中拥有特殊含义的字符，它们可以用于匹配特定的字符、位置、数量等，常见的元字符包括 $、.、?、*、+、[、(、{等等。

例如：匹配以www开头的URL地址。

var str = 'http://www.google.com';
var pattern = /^www/;
var result = pattern.test(str);
console.log(result); // false

正则表达式的捕获组

捕获组表示正则表达式中需要被标记出来的子表达式。捕获组可以嵌套，每个捕获组用括号括起来。

例如：将字符串中的单词首字母大写。

var str = 'i am learning javascript';
var pattern = /(\b[a-z](?!\s))/g;
var result = str.replace(pattern, function(match) {
  return match.toUpperCase();
});
console.log(result); // I Am Learning Javascript

Javascript中正则表达式的应用

正则表达式在Javascript中的应用非常丰富，例如可以基于正则表达式来匹配字符串，进行字符串替换，或者作为参数给出函数的某些操作等。以下是两个在Javascript中常用的正则表达式应用示例。

邮箱格式校验

在实际开发中，经常需要对用户提交的邮箱进行格式校验来保证数据的有效性。以下用正则表达式来校验邮箱格式是否正确。

function isValidEmail(email) {
  var pattern = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/i;
  return pattern.test(email);
}

console.log(isValidEmail('[e-mail]')); // true
console.log(isValidEmail('域名.邮箱.com')); // false
console.log(isValidEmail('example@domain')); // false

身份证校验

身份证号码是我们常用的校验对象之一，以下正则表达式用于校验身份证号码是否符合规范。

function isValidIdentityCode(identityCode) {
  var pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  return pattern.test(identityCode);
}

console.log(isValidIdentityCode('123456789987654'));// false
console.log(isValidIdentityCode('000000198902125733'));// true
console.log(isValidIdentityCode('430621199612083812x'));// true

以上是Javascript中正则表达式的应用详解，通过掌握这些内容，可以更加高效地进行JS开发。