JavaScript 正则表达式用法小结

什么是正则表达式

正则表达式是一种用来匹配字符串的模式。在 JavaScript 中，正则表达式可以用来处理字符串的各种操作，比如查找、替换和提取等等。

正则表达式的基本语法

正则表达式由若干个字符和元字符组成，其中元字符用来指定匹配规则。下面是一些常见的元字符和它们的含义：

元字符	含义
.	匹配任意单个字符。
^	匹配字符串的开头。
$	匹配字符串的结尾。
*	匹配前面的字符 0 次或多次。
+	匹配前面的字符 1 次或多次。
?	匹配前面的字符 0 次或 1 次。
|	或运算符，匹配多个备选项中的一个。
[ ]	匹配中括号中的任意一个字符。
[-]	匹配中括号中指定的字符范围内的一个字符。
[^ ]	匹配除了中括号中的任意一个字符。
( )	分组，用来控制匹配顺序和重复。
(?: )	非捕获分组，用于不需要进行记录的分组。
(?= )	正向前查找，用于匹配前面满足某种条件的字符串。
(?! )	负向前查找，用于匹配前面不满足某种条件的字符串。
(?<= )	正向后查找，用于匹配后面满足某种条件的字符串。
(?<! )	负向后查找，用于匹配后面不满足某种条件的字符串。

在 JavaScript 中使用正则表达式

在 JavaScript 中，可以使用 RegExp 对象来表示正则表达式。也可以直接在字符串中使用正则表达式，这种方式被称为字面量表示法。下面是一个使用 RegExp 对象匹配字符串的示例：

const re = new RegExp(/hello/i);
const str = 'Hello World!';
console.log(re.test(str)); // true

上面的代码中，首先创建了一个 RegExp 对象，其中 /hello/i 表示匹配字符串中的 "hello"，并且不区分大小写。然后使用 test() 方法来测试字符串是否符合正则表达式的匹配规则。

同样的代码也可以使用字面量表示法来表示正则表达式：

const re = /hello/i;
const str = 'Hello World!';
console.log(re.test(str)); // true

在这个例子中，正则表达式被包含在斜杠 / / 中，而 i 表示不区分大小写。

正则表达式的模式匹配案例

判断一个字符串是否是邮政编码

function isPostalCode(str) {
  const re = /^[0-9]{6}$/;
  return re.test(str);
}

console.log(isPostalCode('123456')); // true
console.log(isPostalCode('12345'));  // false
console.log(isPostalCode('ABCDEF')); // false

上面的代码中，使用了 ^ 和 $ 元字符来限制邮政编码必须匹配整个字符串。其中 /^[0-9]{6}$/ 表示匹配包含 6 个数字的字符串。

统计一个字符串中所有数字的个数

function countDigits(str) {
  const re = /\d+/g;
  return str.match(re).length;
}

console.log(countDigits('123abc456def789')); // 9
console.log(countDigits('hello world'));     // 0

上面的代码中，使用了 + 元字符匹配一个或多个数字。其中 /\d+/g 表示全局匹配任意多个数字。然后使用 match() 方法返回所有匹配的结果，并求出所返回的结果数组的长度。

小结

本篇文章介绍了 JavaScript 中正则表达式的基础用法和常见元字符的含义。同时，也通过两个案例展示了正则表达式的应用方法。从简单的邮编验证到统计字符串中的数字，正则表达式可以让我们在字符串处理中更加便捷高效。