JavaScript正規表示式入門指南適合初學者閱讀-js教程-PHP中文網

JavaScript正規表示式入門指南適合初學者閱讀

WBOY

發布： 2024-01-05 13:37:23

原創

1072 人瀏覽過

JavaScript正規表示式入門指南適合初學者閱讀

JavaScript正規表示式入門指南

導語：
正規表示式（Regular Expression）是一種強大且靈活的文字比對工具，可以用來偵測和操作字串。在JavaScript中，使用正規表示式可以快速實現字串匹配、替換和提取等操作。本文將為初學者詳細介紹JavaScript正規表示式的基本語法和常用方法，並提供具體的程式碼範例。

一、正規表示式基礎

正規表示式的定義
正規表示式是由字元和特殊符號組成的模式，用於與字串進行匹配。在JavaScript中，可以使用正規表示式物件RegExp來建立正規表示式。例如：
```
let pattern = /abc/;
```
登入後複製
上述程式碼建立了一個正規表示式模式，用來匹配字串中的 "abc"。
基本符合規則
正規表示式透過特殊字元來實現不同的匹配模式。常見的特殊字元包括元字元（metacharacters）和轉義字元（escape characters）。元字元包括^, $, ., *, , ?, |, `, [, ], (, ), {, }`等。例如：
^：符合字串的起始位置
$：符合字串的結束位置
.：符合換行符號以外的任意字元
*：符合前一個字元0次或多次
# #：匹配前一個字元1次或多次
?：符合前一個字元0次或1次
|：符合兩個或多個規則中的任意一個
正則表達式中可以使用字符類別來匹配特定類型的字元。常見的字元類別包括：
d：符合數字字元
D：符合非數字字元
w：符合單字字元（字母、數字、底線）
W：符合非單字字元
s：符合空白字元（空格、製表符、換行符等）
S：匹配非空白字元例如：
```
let pattern = /w+/;
let result = pattern.test("hello123"); // true
```
登入後複製
上述程式碼使用
w 符合一個或多個單字字符，回傳true。

二、正規表示式的使用

#字串匹配
可以使用正規表示式的
test()方法來偵測字串是否符合符合規則。它傳回一個布林值，表示是否匹配成功。例如：
```
let pattern = /hello/;
let result = pattern.test("hello world"); // true
```
登入後複製
上述程式碼以正規表示式
/hello/偵測字串"hello world"中是否包含"hello"。
字串替換
可以使用字串的
replace()方法來根據正規表示式模式進行替換。此方法接受兩個參數，第一個參數是要替換的模式，第二個參數是用於替換的新字串。例如：
```
let str = "hello world";
let pattern = /hello/;
let newStr = str.replace(pattern, "hi");
console.log(newStr); // "hi world"
```
登入後複製
上述程式碼將字串"hello world"中的"hello"替換為"hi"，並將結果儲存在
newStr中。
提取子字串
可以使用正規表示式的
exec()方法來提取符合符合規則的子字串。此方法傳回一個數組，包含匹配的子字串及其位置資訊。例如：
```
let pattern = /d+/;
let str = "1 apple, 2 oranges, 3 bananas";
let result = pattern.exec(str);
console.log(result); // ["1", index: 0, input: "1 apple, 2 oranges, 3 bananas", groups: undefined]
```
登入後複製
上述程式碼使用正規表示式
/d /提取字串中的數字子字串。
全域匹配
在正規表示式後面加上
g修飾符，可以實現全域匹配。例如：
```
let pattern = /abc/g;
let str = "abcabcabc";
let result = str.match(pattern);
console.log(result); // ["abc", "abc", "abc"]
```
登入後複製
上述程式碼使用正規表示式
/abc/g從字串"abcabcabc"中找到所有"abc"的符合。