Javascript中如何使用正則表達式

小編給大家分享一下Javascript中如何使用正則表達式，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

正則表達式 - 簡介

Regex 起源于神經科學和數學，直到 1968 年Ken Thompson在用于文本搜索的 QED 文本編輯器中才在編程中實現。現在它是許多編程語言的一部分，例如perl、Java、Python、Ruby 和 JavaScript。

讓我們看一些關于正則表達式如何工作的例子。

我會用 JavaScript在我的例子中。現在，要通過初級水平，你需要學習所有字符、類、量詞、修飾符和方法在正則表達式中使用。這是JavaScript教程中的正則表達式頁面的鏈接，你可以在其中查看包含所有這些的表。你還可以參考本文末尾的備忘單，其中包含最常用的字符。

以下是突出顯示的一行中的匹配示例：

Basket， bulb，B12 vitamin， BaSO4 , N BC company

上面的正則表達式將停止搜索"Basket"并返回一個積極的回復. 這是因為如果你希望正則表達式查看所有可能的匹配項，則必須指定全局修飾符 ' g'。

現在，讓我們看看如何使用這個表達式 JavaScript. 該test法有云：如果找到了一個匹配的回報true，否則false。

var input = "your test string", regex = /B[a-zA-Z\d]+/;
if(!regex.test(input))
alert('No match is found');
else
alert('A match is found');

讓我們嘗試另一種方法：match返回在數組中找到的匹配項。

var input = "your test string", 
regex = /B[a-zA-Z\d]+/g, 
/*I've added the global modifier 'g' to the regex to get all the matches*/
ary = input.match(regex); 
if(ary===null)
alert('No match is found');
else
alert('matches are: ' + ary.toString());

字符串replace呢？現在讓我們用正則表達式試試。

var input = "your test string", 
regex = /B[a-zA-Z\d]+/g;
alert(input.replace(regex, "#"));

正則表達式練習

對于練習，你可以在百度、谷歌等搜索“正則表達式練習”并嘗試解決它們。根據難度級別，以下是嘗試這些練習時的預期結果。

基本的

對我來說，能夠驗證密碼對初學者來說就足夠了。因此，驗證 8 到 16 個字符的密碼長度, 字母數字，允許你選擇特殊字符。

中間的

這是你應該練習更多真實世界數據并學習更多正則表達式點的地方，如前瞻、后視斷言和匹配組；

• 驗證 PIN 碼、十六進制、日期、電子郵件 ID、浮點數。

• 替換尾隨零、空格、一組匹配的單詞

• 提取 URL 的不同部分

進階的

你可以優化上述練習的解決方案 - 最優化的電子郵件正則表達式包含數千個字符 - 因此，只要你感到舒服就可以使用它，這就足夠了。你也可以試試：

• 解析HTML或XML（盡管在現實世界中不鼓勵這樣做，因為使用正則表達式解析像HTML這樣的非正則語言永遠不會萬無一失。加上XML解析是一項艱巨的任務，更適合高級用戶）

• 替換標簽

• 刪除注釋（IE 條件注釋除外）

正則表達式工具

可視化正則表達式的工具對我來說是最酷的事情之一。如果你遇到過很長的復雜正則表達式，只需將它們復制粘貼到其中一個工具中，你就可以清楚地查看流程。除此之外，你還可以使用許多工具來處理正則表達式代碼。他們還展示了示例和備忘單以及共享功能。

• Debuggex - 它會根據你的輸入繪制正則表達式圖，你可以從那里快速共享到 StackOverflow。

• RegExr – 你可以用這個來測試你的正則表達式。它還提供了參考、備忘單和示例來幫助你。

正則表達式備忘單

看完了這篇文章，相信你對“Javascript中如何使用正則表達式”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！