轻松掌握JS正则表达式，电话号码匹配不求人！

在JavaScript中，正则表达式是一种强大的文本处理工具，可以用来进行模式匹配、搜索和替换等操作。本文将详细介绍如何在JavaScript中使用正则表达式来匹配电话号码，帮助您轻松掌握这一技能。

基础知识

在开始之前，让我们先回顾一下正则表达式的基础知识。

正则表达式符号

.：匹配除换行符以外的任意单个字符。
[]：匹配括号内的任意一个字符（字符集）。
[^]：匹配不在括号内的任意一个字符（否定字符集）。
*：匹配前面的子表达式零次或多次。
+：匹配前面的子表达式一次或多次。
?：匹配前面的子表达式零次或一次。
{n}：匹配前面的子表达式恰好n次。
{n,}：匹配前面的子表达式至少n次。
{n,m}：匹配前面的子表达式至少n次，但不超过m次。

构建正则表达式

电话号码的格式因地区而异，但通常包含国家代码、区号和电话号码本身。以下是一个常见的中国电话号码格式：

国家代码：+86
区号：3位或4位数字
电话号码：7到8位数字

基于此，我们可以构建以下正则表达式：

/^\+86\d{2,3}-?\d{7,8}$/

解释：

^：表示匹配输入字符串的开始位置。
\+86：匹配国家代码+86。
\d{2,3}：匹配2到3位数字，代表区号。
-?：匹配可选的短横线。
\d{7,8}：匹配7到8位数字，代表电话号码本身。
$：表示匹配输入字符串的结束位置。

匹配电话号码

现在我们已经有了正则表达式，接下来是如何在JavaScript中使用它来匹配电话号码。

使用`test`方法

test方法用于测试字符串是否符合正则表达式。

let regex = /^\+86\d{2,3}-?\d{7,8}$/;
let phoneNumbers = ['+8613800138000', '+861380013800', '+86-13800138000', '13800138000'];

phoneNumbers.forEach(number => {
  console.log(number + ': ' + regex.test(number));
});

输出结果：

+8613800138000: true
+861380013800: false
+86-13800138000: true
13800138000: false

使用`exec`方法

exec方法用于找到匹配正则表达式的第一个子串。

let regex = /^\+86\d{2,3}-?\d{7,8}$/;
let phoneNumbers = ['+8613800138000', '+861380013800', '+86-13800138000', '13800138000'];

phoneNumbers.forEach(number => {
  let match = regex.exec(number);
  console.log(number + ': ' + (match ? match[0] : 'No match'));
});