Javascript中如何使用正則表達(dá)式

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

正則表達(dá)式 - 簡(jiǎn)介

Regex 起源于神經(jīng)科學(xué)和數(shù)學(xué)，直到 1968 年Ken Thompson在用于文本搜索的 QED 文本編輯器中才在編程中實(shí)現(xiàn)?，F(xiàn)在它是許多編程語(yǔ)言的一部分，例如perl、Java、Python、Ruby 和 JavaScript。

讓我們看一些關(guān)于正則表達(dá)式如何工作的例子。

我會(huì)用 JavaScript在我的例子中?，F(xiàn)在，要通過(guò)初級(jí)水平，你需要學(xué)習(xí)所有字符、類、量詞、修飾符和方法在正則表達(dá)式中使用。這是JavaScript教程中的正則表達(dá)式頁(yè)面的鏈接，你可以在其中查看包含所有這些的表。你還可以參考本文末尾的備忘單，其中包含最常用的字符。

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

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

上面的正則表達(dá)式將停止搜索"Basket"并返回一個(gè)積極的回復(fù). 這是因?yàn)槿绻阆Ｍ齽t表達(dá)式查看所有可能的匹配項(xiàng)，則必須指定全局修飾符 ' g'。

現(xiàn)在，讓我們看看如何使用這個(gè)表達(dá)式 JavaScript. 該test法有云：如果找到了一個(gè)匹配的回報(bào)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返回在數(shù)組中找到的匹配項(xiàng)。

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呢？現(xiàn)在讓我們用正則表達(dá)式試試。

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

正則表達(dá)式練習(xí)

對(duì)于練習(xí)，你可以在百度、谷歌等搜索“正則表達(dá)式練習(xí)”并嘗試解決它們。根據(jù)難度級(jí)別，以下是嘗試這些練習(xí)時(shí)的預(yù)期結(jié)果。

基本的

對(duì)我來(lái)說(shuō)，能夠驗(yàn)證密碼對(duì)初學(xué)者來(lái)說(shuō)就足夠了。因此，驗(yàn)證 8 到 16 個(gè)字符的密碼長(zhǎng)度, 字母數(shù)字，允許你選擇特殊字符。

中間的

這是你應(yīng)該練習(xí)更多真實(shí)世界數(shù)據(jù)并學(xué)習(xí)更多正則表達(dá)式點(diǎn)的地方，如前瞻、后視斷言和匹配組；

• 驗(yàn)證 PIN 碼、十六進(jìn)制、日期、電子郵件 ID、浮點(diǎn)數(shù)。

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

• 提取 URL 的不同部分

進(jìn)階的

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

• 解析HTML或XML（盡管在現(xiàn)實(shí)世界中不鼓勵(lì)這樣做，因?yàn)槭褂谜齽t表達(dá)式解析像HTML這樣的非正則語(yǔ)言永遠(yuǎn)不會(huì)萬(wàn)無(wú)一失。加上XML解析是一項(xiàng)艱巨的任務(wù)，更適合高級(jí)用戶）

• 替換標(biāo)簽

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

正則表達(dá)式工具

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

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

• RegExr – 你可以用這個(gè)來(lái)測(cè)試你的正則表達(dá)式。它還提供了參考、備忘單和示例來(lái)幫助你。

正則表達(dá)式備忘單

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