所属分类：web前端开发
在本教程中，我们将学习如何使用 JavaScript RegExp 执行不区分大小写的匹配。
正则表达式可以通过两种方式声明 -
用户可以使用以下语法来创建正则表达式。
微博登录
QQ登录//Using a regular expression literal
const regex = /tutorial/i
//Using RegExp constructor
const regex2 = new RegExp('tutorial', 'i')
在上面的语法中，创建正则表达式来匹配单词“tutorial”，修饰符“i”表示它可以匹配具有这些字符的任何子字符串，无论其大小写（“TuToRial”，“Tutorial”，等）。
match() 方法是 JavaScript 中 String 对象的一部分。它用于将字符串与 RegExp 或正则表达式进行匹配。
用户可以按照以下语法使用 match() 方法与 JavaScript RegExp 执行不区分大小写的匹配。
text.match(regex)
在上面的语法中，“text”是一个需要使用正则表达式检查的字符串。 “regex”是正则表达式模式。
在下面给出的示例中，我们使用 match() 方法来执行不区分大小写的匹配。我们正在检查单击按钮时的匹配方法结果并将其输出。
<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>
上面的输出显示 match() 方法返回匹配的子字符串“Tutorial”。
search() 方法是 JavaScript 中 String 对象的一部分。它用于根据 RegExp 或正则表达式搜索字符串的子字符串。
用户可以按照以下语法使用 search() 方法与 JavaScript RegExp 进行不区分大小写的匹配。
text.search(regex)
在上面的语法中，“text”是一个字符串，“regex”是正则表达式模式。
在下面给出的示例中，我们使用了 search() 方法，并在单击按钮时检查 search() 方法的结果并将其输出。
<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>
在上面的输出中，用户可以看到 search() 方法返回子字符串“Tutorial”的开始位置。
test() 方法是 JavaScript 中 RegExp 对象的一部分。它用于根据 RegExp 或正则表达式测试字符串。
用户可以按照以下语法使用 test() 方法与 JavaScript RegExp 进行不区分大小写的匹配。
regex.test(text)
在上面的语法中，“text”是一个需要使用正则表达式检查的字符串。 “regex”是正则表达式模式。
在下面给出的示例中，我们使用了 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>
在上面的输出中，用户可以看到 test() 方法返回 true，因为文本中存在“Tutorial”子字符串。
exec() 方法是 JavaScript 中 RegExp 对象的一部分。它用于将字符串与 RegExp 或正则表达式进行匹配。
用户可以按照以下语法使用 exec() 方法与 JavaScript RegExp 执行不区分大小写的匹配。
regex.exec(text)
在上面的语法中，“text”是一个字符串，“regex”是正则表达式模式。
在下面给出的示例中，我们使用了 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>
上面的输出显示 exec() 方法返回匹配的子字符串“Tutorial”。
在本教程中，我们讨论了使用 RegExp 执行不区分大小写匹配的四种方法。前两个方法是字符串 match() 和 search() 方法。另外两个方法是 RegExp test() 和 exec() 方法。
