正則表達式判斷詳解

一、基本概念

正則表達式是一種用來匹配文本的字元串模式，是對字元串執行模式匹配的強大工具。它們可以用於搜索、替換和驗證文本。

正則表達式由普通字元和特殊字元(元字元)組成。

元字元列表:
. ^ $ * + ? { } [ ] \ | ( )

其中，常用的元字元有：

. : 匹配除換行符外的任意字元。
^ : 匹配字元串的開頭。
$ : 匹配字元串的結尾。
* : 匹配前面的子表達式零次或多次。
+ : 匹配前面的子表達式一次或多次。
？: 匹配前面的子表達式零次或一次。
{m,n} : 匹配前面的子表達式m到n次。
(...): 標記子表達式的開始和結束位置。
[...] : 用來指定字符集合。
[^...] : 不在指定字符集合內的字元。

二、字元串匹配

字元串匹配是正則表達式最基本的應用，它能夠查找特定的字元或字元串。

以下是一個簡單的字元串匹配的例子：

let str = "Hello world!";
let pattern = /world/;
if (pattern.test(str)) {
  console.log("字元串中包含'world'");
} else {
  console.log("字元串中不包含'world'");
}

輸出結果：

字元串中包含'world'

三、郵箱驗證

郵箱驗證是正則表達式應用的一個經典案例。郵箱是一個特殊的字元串，需要滿足一定的格式規範。

以下是一個簡單的郵箱驗證的例子：

let email = "abc@123.com";
let pattern = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
if (pattern.test(email)) {
  console.log("郵箱地址合法");
} else {
  console.log("郵箱地址不合法");
}

輸出結果：

郵箱地址合法

四、手機號碼驗證

手機號碼驗證也是正則表達式的一個經典應用。手機號碼需要滿足一定的格式規範。

以下是一個簡單的手機號碼驗證的例子：

let phone = "13912345678";
let pattern = /^1[3-9]\d{9}$/;
if (pattern.test(phone)) {
  console.log("手機號碼合法");
} else {
  console.log("手機號碼不合法");
}

輸出結果：

手機號碼合法

五、HTML標籤匹配

正則表達式也可以用來匹配HTML標籤，從而進行HTML標籤的提取或替換操作。

以下是一個簡單的HTML標籤匹配的例子：

let html = '<div class="container"><p>Hello world!</p></div>';
let pattern = /<(\w+)\b[^>]*>[\s\S]*?<\/\1>/g;
let matches = html.match(pattern);
console.log(matches);

輸出結果：

["<div class="container"><p>Hello world!</p></div>"]

六、內容替換

正則表達式還可以用來進行內容替換，將匹配到的內容替換為指定的內容。

以下是一個簡單的內容替換的例子：

let str = "Hello world!";
let pattern = /world/;
let replacement = "Tom";
let newStr = str.replace(pattern, replacement);
console.log(newStr);

輸出結果：

Hello Tom!

七、結尾符

正則表達式中，$符號表示字元串的結尾位置。

以下是一個$符號的應用的例子：

let str = "Hello world!";
let pattern = /world!$/;
if (pattern.test(str)) {
  console.log("字元串以'world!'結尾");
} else {
  console.log("字元串不以'world!'結尾");
}

輸出結果：

字元串以'world!'結尾