在本教程中，我們將學(xué)習(xí)如何使用 JavaScript RegExp 執(zhí)行不區(qū)分大小寫(xiě)的匹配。
正則表達(dá)式可以通過(guò)兩種方式聲明 –
- 使用正則表達(dá)式文字，以斜杠開(kāi)頭和結(jié)尾，并且
圖案放置在兩者之間。
調(diào)用 RegExp 對(duì)象構(gòu)造函數(shù)，該構(gòu)造函數(shù)采用
用于創(chuàng)建正則表達(dá)式的參數(shù)。
用戶(hù)可以使用以下語(yǔ)法來(lái)創(chuàng)建正則表達(dá)式。
語(yǔ)法
//Using a regular expression literal
const regex = /tutorial/i
//Using RegExp constructor
const regex2 = new RegExp('tutorial', 'i')
登錄后復(fù)制
在上面的語(yǔ)法中，創(chuàng)建正則表達(dá)式來(lái)匹配單詞“tutorial”，修飾符“i”表示它可以匹配具有這些字符的任何子字符串，無(wú)論其大小寫(xiě)（“TuToRial”，“Tutorial”，等）。
使用字符串 match() 方法
match() 方法是 JavaScript 中 String 對(duì)象的一部分。它用于將字符串與 RegExp 或正則表達(dá)式進(jìn)行匹配。
用戶(hù)可以按照以下語(yǔ)法使用 match() 方法與 JavaScript RegExp 執(zhí)行不區(qū)分大小寫(xiě)的匹配。
語(yǔ)法
text.match(regex)
登錄后復(fù)制
在上面的語(yǔ)法中，“text”是一個(gè)需要使用正則表達(dá)式檢查的字符串。 “regex”是正則表達(dá)式模式。
參數(shù)
-
regex – 它是正則表達(dá)式或?qū)⑥D(zhuǎn)換為正則表達(dá)式的字符串。
返回類(lèi)型
-
返回所有匹配項(xiàng)的數(shù)組，如果未找到匹配項(xiàng)，則返回 null。
示例
在下面給出的示例中，我們使用 match() 方法來(lái)執(zhí)行不區(qū)分大小寫(xiě)的匹配。我們正在檢查單擊按鈕時(shí)的匹配方法結(jié)果并將其輸出。
<html>
<body>
<h4>Performming Case Insensitive Matching with RegExp using <i>
match() </i> method</h4>
<button onclick="check()">Check</button>
<p>Original Text: Welcome to Tutorialspoint</p>
<p>Text To Match: tutorial </p>
<p id="output"></p>
<script>
const text='Welcome to Tutorialspoint'
const regex=/tutorial/i
function check(){
//Using the match method
let result=text.match(regex)
document.getElementById('output').innerHTML='Mached Text: '+result
}
</script>
</body>
</html>
登錄后復(fù)制
上面的輸出顯示 match() 方法返回匹配的子字符串“Tutorial”。
使用字符串 search() 方法
search() 方法是 JavaScript 中 String 對(duì)象的一部分。它用于根據(jù) RegExp 或正則表達(dá)式搜索字符串的子字符串。
用戶(hù)可以按照以下語(yǔ)法使用 search() 方法與 JavaScript RegExp 進(jìn)行不區(qū)分大小寫(xiě)的匹配。
語(yǔ)法
text.search(regex)
登錄后復(fù)制
在上面的語(yǔ)法中，“text”是一個(gè)字符串，“regex”是正則表達(dá)式模式。
參數(shù)
-
regex – 它是正則表達(dá)式或?qū)⑥D(zhuǎn)換為正則表達(dá)式的字符串。
返回類(lèi)型
-
返回第一個(gè)匹配的位置，如果未找到匹配，則返回 -1。
示例
在下面給出的示例中，我們使用了 search() 方法，并在單擊按鈕時(shí)檢查 search() 方法的結(jié)果并將其輸出。
<html>
<body>
<h4>Performming Case Insensitive Matching with RegExp using <i>
search() </i> method.</h4>
<p>Text: Welcome to Tutorialspoint</p>
<p>Text to Match: tutorial</p>
<button onclick="check()">Check</button>
<p id="output"></p>
<p><b>Note:</b>The search() method returns the position of first
match</p>
<script>
const text='Welcome to Tutorialspoint'
const regex=/tutorial/i
function check(){
//Using search method
let result=text.search(regex)
document.getElementById('output').innerHTML='Result: '+result
}
</script>
</body
</html>
登錄后復(fù)制
在上面的輸出中，用戶(hù)可以看到 search() 方法返回子字符串“Tutorial”的開(kāi)始位置。
使用 RegExp test() 方法
test() 方法是 JavaScript 中 RegExp 對(duì)象的一部分。它用于根據(jù) RegExp 或正則表達(dá)式測(cè)試字符串。
用戶(hù)可以按照以下語(yǔ)法使用 test() 方法與 JavaScript RegExp 進(jìn)行不區(qū)分大小寫(xiě)的匹配。
語(yǔ)法
regex.test(text)
登錄后復(fù)制
在上面的語(yǔ)法中，“text”是一個(gè)需要使用正則表達(dá)式檢查的字符串。 “regex”是正則表達(dá)式模式。
參數(shù)
-
文本/字符串 – 這是需要測(cè)試的文本或字符串。
返回類(lèi)型
-
如果沒(méi)有找到匹配則返回 false，否則返回 true。
示例
在下面給出的示例中，我們使用了 test() 方法。
<html>
<body>
<p>Performming Case Insensitive Matching with JavaScript RegExp using <i>
test() </i> method</p>
<p>Text: Welcome to Tutorialspoint</p>
<p>Text to Match: tutorial</p>
<button onclick="check()">Check</button>
<p id="output"></p>
<p><b>Note:</b> The test() method returns true if there is a match, else
returns false.</p>
<script>
const text = 'Welcome to Tutorialspoint'
const regex = /tutorial/i
function check() {
//Using the test method
let result = regex.test(text)
document.getElementById('output').innerHTML = 'Result: ' + result
}
</script>
</body>
</html>
登錄后復(fù)制
在上面的輸出中，用戶(hù)可以看到 test() 方法返回 true，因?yàn)槲谋局写嬖凇癟utorial”子字符串。
使用 RegExp exec() 方法
exec() 方法是 JavaScript 中 RegExp 對(duì)象的一部分。它用于將字符串與 RegExp 或正則表達(dá)式進(jìn)行匹配。
用戶(hù)可以按照以下語(yǔ)法使用 exec() 方法與 JavaScript RegExp 執(zhí)行不區(qū)分大小寫(xiě)的匹配。
語(yǔ)法
regex.exec(text)
登錄后復(fù)制
在上面的語(yǔ)法中，“text”是一個(gè)字符串，“regex”是正則表達(dá)式模式。
參數(shù)
-
Text/string – 需要匹配的文本或字符串。
返回類(lèi)型
-
返回所有匹配項(xiàng)的數(shù)組，如果未找到匹配項(xiàng)，則返回 null。
示例
在下面給出的示例中，我們使用了 exec() 方法。
<html>
<body>
<p>Performming Case Insensitive Matching with JavaScript RegExp using
<i> exec() </i> method</p>
<button onclick="check()">Check</button>
<p>Text: Welcome to Tutorialspoint</p>
<p id="output"></p>
<script>
const text='Welcome to Tutorialspoint'
const regex=/tutorial/i
function check(){
//Using the exec method
let result=regex.exec(text)
document.getElementById('output').innerHTML='Result: '+result
}
</script>
</body>
</html>
登錄后復(fù)制
上面的輸出顯示 exec() 方法返回匹配的子字符串“Tutorial”。
在本教程中，我們討論了使用 RegExp 執(zhí)行不區(qū)分大小寫(xiě)匹配的四種方法。前兩個(gè)方法是字符串 match() 和 search() 方法。另外兩個(gè)方法是 RegExp test() 和 exec() 方法。
以上就是如何使用JavaScript RegExp進(jìn)行不區(qū)分大小寫(xiě)的匹配？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注www.92cms.cn其它相關(guān)文章！
