如何使用JavaScript RegExp进行不区分大小写的匹配？

在本教程中，我们将学习如何使用 JavaScript RegExp 执行不区分大小写的匹配。

正则表达式可以通过两种方式声明 -

使用正则表达式文字，以斜杠开头和结尾，并且图案放置在两者之间。
调用 RegExp 对象构造函数，该构造函数采用用于创建正则表达式的参数。

用户可以使用以下语法来创建正则表达式。

语法

//Using a regular expression literal
const regex = /tutorial/i
//Using RegExp constructor
const regex2 = new RegExp('tutorial', 'i')

在上面的语法中，创建正则表达式来匹配单词“tutorial”，修饰符“i”表示它可以匹配具有这些字符的任何子字符串，无论其大小写（“TuToRial”，“Tutorial”，等）。

使用字符串 match() 方法

match() 方法是 JavaScript 中 String 对象的一部分。它用于将字符串与 RegExp 或正则表达式进行匹配。

用户可以按照以下语法使用 match() 方法与 JavaScript RegExp 执行不区分大小写的匹配。

语法

text.match(regex)

在上面的语法中，“text”是一个需要使用正则表达式检查的字符串。 “regex”是正则表达式模式。

参数

regex - 它是正则表达式或将转换为正则表达式的字符串。

返回类型

返回所有匹配项的数组，如果未找到匹配项，则返回 null。

示例

在下面给出的示例中，我们使用 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() 方法

search() 方法是 JavaScript 中 String 对象的一部分。它用于根据 RegExp 或正则表达式搜索字符串的子字符串。

用户可以按照以下语法使用 search() 方法与 JavaScript RegExp 进行不区分大小写的匹配。

语法

text.search(regex)

在上面的语法中，“text”是一个字符串，“regex”是正则表达式模式。

参数

regex - 它是正则表达式或将转换为正则表达式的字符串。

返回类型

返回第一个匹配的位置，如果未找到匹配，则返回 -1。

示例

在下面给出的示例中，我们使用了 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”的开始位置。

使用 RegExp test() 方法

test() 方法是 JavaScript 中 RegExp 对象的一部分。它用于根据 RegExp 或正则表达式测试字符串。

用户可以按照以下语法使用 test() 方法与 JavaScript RegExp 进行不区分大小写的匹配。

语法

regex.test(text)

在上面的语法中，“text”是一个需要使用正则表达式检查的字符串。 “regex”是正则表达式模式。

参数

文本/字符串 - 这是需要测试的文本或字符串。

返回类型

如果没有找到匹配则返回 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>

在上面的输出中，用户可以看到 test() 方法返回 true，因为文本中存在“Tutorial”子字符串。

使用 RegExp exec() 方法

exec() 方法是 JavaScript 中 RegExp 对象的一部分。它用于将字符串与 RegExp 或正则表达式进行匹配。

用户可以按照以下语法使用 exec() 方法与 JavaScript RegExp 执行不区分大小写的匹配。

语法

regex.exec(text)

在上面的语法中，“text”是一个字符串，“regex”是正则表达式模式。

参数

Text/string - 需要匹配的文本或字符串。

返回类型

返回所有匹配项的数组，如果未找到匹配项，则返回 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>

上面的输出显示 exec() 方法返回匹配的子字符串“Tutorial”。

在本教程中，我们讨论了使用 RegExp 执行不区分大小写匹配的四种方法。前两个方法是字符串 match() 和 search() 方法。另外两个方法是 RegExp test() 和 exec() 方法。

以上就是如何使用JavaScript RegExp进行不区分大小写的匹配？的详细内容，更多请关注编程之家其它相关文章！

如何使用JavaScript RegExp进行不区分大小写的匹配？

语法

使用字符串 match() 方法

语法

参数

返回类型

示例

使用字符串 search() 方法

语法

参数

返回类型

示例

使用 RegExp test() 方法

语法

参数

返回类型

示例

使用 RegExp exec() 方法

语法

参数

返回类型

示例

相关推荐