JavaScript 正則表達(dá)式，通常簡寫為 RegExp，是一種強(qiáng)大的文本匹配工具，它允許你通過一種靈活的語法來查找和替換字符串中的文本。正則表達(dá)式在編程中用途廣泛，不僅限于 JavaScript，在許多編程語言中也都有類似的實(shí)現(xiàn)。

什么是正則表達(dá)式

正則表達(dá)式，簡稱正則或RegExp，是一個(gè)用于描述字符模式的對象。這個(gè)模式可以用來匹配字符串中的字符，用于查找、替換、切割或驗(yàn)證字符串。正則表達(dá)式是一種強(qiáng)大的工具，可用于執(zhí)行各種文本處理任務(wù)。

在正則表達(dá)式中，你可以指定要匹配的文本模式，這些文本模式可以包括普通字符（例如字母、數(shù)字、符號）、特殊字符和元字符。正則表達(dá)式的模式可以非常簡單，如匹配一個(gè)固定的單詞，也可以非常復(fù)雜，如匹配一個(gè)復(fù)雜的文本結(jié)構(gòu)。

正則表達(dá)式的語法和模式

正則表達(dá)式的模式是由各種字符組成的，這些字符可以用來描述文本模式。下面是一些正則表達(dá)式中常用的字符和元字符：

• 普通字符：表示自身的字符，如字母、數(shù)字、符號等。
• 特殊字符：具有特殊含義的字符，如.、*、+、?等。
• 元字符：具有特殊功能的字符，如^、$、|、()、[]、{}等。
• 量詞：用于指定重復(fù)次數(shù)的字符，如*、+、?、{n}、{n,}、{n,m}等。

正則表達(dá)式的模式用于描述你要查找或匹配的文本，這個(gè)模式可以包含上述各種字符，并通過組合它們來構(gòu)建更復(fù)雜的匹配規(guī)則。

創(chuàng)建正則表達(dá)式

在 JavaScript 中，你可以使用兩種方式來創(chuàng)建正則表達(dá)式對象：

1. 字面量方式：使用兩個(gè)正斜杠（/）包圍正則表達(dá)式模式。

   var pattern = /hello/;
   

2. 構(gòu)造函數(shù)方式：使用 RegExp 構(gòu)造函數(shù)來創(chuàng)建正則表達(dá)式對象。

   var pattern = new RegExp("hello");
   

這兩種方式都會(huì)創(chuàng)建一個(gè)表示 hello 文本模式的正則表達(dá)式對象。

正則表達(dá)式的匹配方法

JavaScript 提供了一些方法來執(zhí)行正則表達(dá)式的匹配操作，最常用的方法是：

• test() 方法：測試字符串是否匹配正則表達(dá)式，返回布爾值。

  var pattern = /hello/;
  var text = "hello, world!";
  var isMatch = pattern.test(text); // true
  

• exec() 方法：在字符串中查找匹配的文本，返回一個(gè)數(shù)組，包含匹配的文本和匹配的索引。

  var pattern = /lo/g;
  var text = "hello, world!";
  var result = pattern.exec(text);
  // result 包含匹配的文本和索引
  

• match() 方法：在字符串中查找匹配的文本，返回一個(gè)數(shù)組，包含所有匹配的文本。

  var pattern = /lo/g;
  var text = "hello, world!";
  var result = text.match(pattern);
  // result 包含所有匹配的文本
  

• search() 方法：在字符串中查找匹配的文本，返回匹配的第一個(gè)字符的索引。

  var pattern = /lo/;
  var text = "hello, world!";
  var index = text.search(pattern); // 3
  

• replace() 方法：替換字符串中的匹配文本。

  var pattern = /lo/g;
  var text = "hello, world!";
  var newText = text.replace(pattern, "Hi");
  // newText 包含替換后的字符串
  

這些方法都接受一個(gè)正則表達(dá)式作為參數(shù)，并在字符串中執(zhí)行匹配操作。

正則表達(dá)式的修飾符

正則表達(dá)式可以使用修飾符來修改匹配行為。JavaScript 中的修飾符包括：

• i 修飾符：執(zhí)行不區(qū)分大小寫的匹配。

  var pattern = /hello/i;
  var text = "Hello, world!";
  var isMatch = pattern.test(text); // true
  

• g 修飾符：執(zhí)行全局匹配，匹配所有出現(xiàn)的文本。

  var pattern = /lo/g;
  var text = "hello, world!";
  var result = text.match(pattern); // 包含所有匹配的文本
  

• m 修飾符：執(zhí)行多行匹配，用于匹配多行文本。

  var pattern = /^hello/m;
  var text = "hello, world!\nHello, universe!";
  var isMatch = pattern.test(text); // true
  

正則表達(dá)式中的特殊字符

正則表達(dá)式中有一些特殊字符，它們具有特殊含義，用于構(gòu)建復(fù)雜的匹配規(guī)則。以下是一些常見的特殊字符：

• .：匹配除換行符之外的任何字符。

• *：匹配前一個(gè)元素零次或多次。例如，a* 可以匹配空字符串、a、aa、aaa 等。

• +：匹配前一個(gè)元素一次或多次。例如，a+ 可以匹配a、aa、aaa 等，但不能匹配空字符串。

• ?：匹配前一個(gè)元素零次或一次。例如，a? 可以匹配空字符串或a。

• ^：匹配字符串的開頭。

• $：匹配字符串的結(jié)尾。

• |：表示邏輯或，用于分隔多個(gè)模式。

• ()：用于捕獲分組，可以將匹配的文本保存到變量中。

• []：用于創(chuàng)建字符類，匹配其中的任何一個(gè)字符。

• {}：用于指定重復(fù)次數(shù)，例如{n}、{n,}、{n,m}。

正則表達(dá)式的常見用例

正則表達(dá)式在文本處理中有許多常見的用例，以下是一些示例：

1. 驗(yàn)證郵箱地址：使用正則表達(dá)式驗(yàn)證輸入的郵箱地址是否合法。

2. 提取鏈接：從文本中提取所有鏈接的URL。

3. 查找和替換：在文本中查找特定的模式并進(jìn)行替換。

4. 校驗(yàn)日期格式：檢查日期字符串是否符合指定的日期格式。

5. 數(shù)據(jù)清洗：清洗數(shù)據(jù)中的不規(guī)范字符或格式。

高級正則表達(dá)式技巧

正則表達(dá)式的應(yīng)用非常廣泛，以下是一些高級技巧和示例：

1. 使用捕獲分組：捕獲分組可以將匹配的文本保存到變量中，然后進(jìn)行進(jìn)一步處理。

   var pattern = /(\d{2})-(\d{2})-(\d{4})/;
   var text = "30-09-2023";
   var result = pattern.exec(text);
   var day = result[1]; // 30
   var month = result[2]; // 09
   var year = result[3]; // 2023
   

2. 零寬斷言：零寬斷言是一種高級技巧，用于匹配符合特定條件的文本，但不包括斷言文本本身。

   // 匹配后面跟著 "world" 的 "hello"
   var pattern = /hello(?= world)/;
   var text = "hello world";
   var result = pattern.test(text); // true
   

3. 非捕獲分組：使用 ?: 語法來創(chuàng)建非捕獲分組，匹配文本但不捕獲到變量中。

   var pattern = /(?:Mr|Ms|Mrs) (\w+)/;
   var text = "Mr Smith";
   var result = pattern.exec(text);
   var name = result[1]; // Smith
   

4. 反向引用：在正則表達(dá)式中可以使用反向引用，引用之前匹配的文本。

   var pattern = /(\w+) is \1/;
   var text = "apple is apple";
   var result = pattern.test(text); // true
   

5. 嵌入修飾符：正則表達(dá)式可以嵌入修飾符，靈活地應(yīng)用不同的匹配規(guī)則。

   var pattern = /hello/i; // 不區(qū)分大小寫
   var text = "Hello";
   var result = pattern.test(text); // true
   

在 JavaScript 中使用正則表達(dá)式

在 JavaScript 中，正則表達(dá)式是內(nèi)置的對象，可以使用正則表達(dá)式字面量或構(gòu)造函數(shù)來創(chuàng)建正則表達(dá)式對象。例如：

var pattern = /hello/;
var pattern = new RegExp("hello");

然后，你可以使用正則表達(dá)式的方法來執(zhí)行匹配操作，如test()、exec()、match()、search() 和 replace()。

下面是一個(gè)示例，演示如何使用正則表達(dá)式驗(yàn)證郵箱地址：

var emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
var email = "user@example.com";
if (emailPattern.test(email)) {console.log("Valid email address");
} else {console.log("Invalid email address");
}

這將輸出 “Valid email address”，因?yàn)?email 符合郵箱地址的正則表達(dá)式模式。

總結(jié)

JavaScript 正則表達(dá)式是一種強(qiáng)大的文本匹配工具，它可以用于執(zhí)行各種文本處理任務(wù)，包括驗(yàn)證、查找、替換和切割文本。在本篇博客中，我們深入探討了正則表達(dá)式的基礎(chǔ)知識、語法和常見用例，還介紹了一些高級技巧。

學(xué)會(huì)使用正則表達(dá)式可以極大地提高文本處理的效率，因此建議深入學(xué)習(xí)和實(shí)踐正則表達(dá)式的用法，以便更好地處理文本數(shù)據(jù)。希望本文能幫助你更好地理解和使用 JavaScript 正則表達(dá)式。如果你有更多問題或需要進(jìn)一步的幫助，請隨時(shí)提問。

作者信息 作者 ： 繁依Fanyi CSDN： https://techfanyi.blog.csdn.net 掘金：https://juejin.cn/user/4154386571867191