Maison > interface Web > tutoriel HTML > Comment effectuer une correspondance insensible à la casse à l'aide de JavaScript RegExp ?

Comment effectuer une correspondance insensible à la casse à l'aide de JavaScript RegExp ?

王林
Libérer: 2023-09-07 17:09:02
avant
1594 Les gens l'ont consulté

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

Dans ce didacticiel, nous apprendrons comment effectuer une correspondance insensible à la casse à l'aide de JavaScript RegExp.

Les expressions régulières peuvent être déclarées de deux manières -

  • Utilisez des expressions régulières littérales, commençant et se terminant par une barre oblique, et Le motif est placé entre les deux.
  • Appelez le constructeur d'objet RegExp, qui prend Paramètres utilisés pour créer des expressions régulières.

Les utilisateurs peuvent utiliser la syntaxe suivante pour créer des expressions régulières.

Grammaire

//Using a regular expression literal
const regex = /tutorial/i
//Using RegExp constructor
const regex2 = new RegExp('tutorial', 'i')
Copier après la connexion

Dans la syntaxe ci-dessus, l'expression régulière est créée pour correspondre au mot "tutorial", le modificateur "i" signifie qu'elle peut correspondre à n'importe quelle sous-chaîne avec ces caractères, quelle que soit leur casse ("TuToRial", "Tutorial", etc. ).

Utilisez la méthode string match()

La méthode match() fait partie de l'objet String en JavaScript. Il est utilisé pour faire correspondre des chaînes avec RegExp ou des expressions régulières.

Les utilisateurs peuvent utiliser la méthode match() avec JavaScript RegExp selon la syntaxe suivante pour effectuer une correspondance insensible à la casse.

Grammaire

text.match(regex)
Copier après la connexion

Dans la syntaxe ci-dessus, « texte » est une chaîne qui doit être vérifiée à l'aide d'une expression régulière. "regex" est un modèle d'expression régulière.

Paramètres

  • regex - C'est une expression régulière ou une chaîne qui sera convertie en expression régulière.

Type de retour

  • Renvoie un tableau de toutes les correspondances, ou null si aucune correspondance n'est trouvée.

Exemple

Dans l'exemple ci-dessous, nous utilisons la méthode match() pour effectuer une correspondance insensible à la casse. Nous vérifions le résultat de la méthode de correspondance lorsque vous cliquez sur le bouton et le publions.

<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>
Copier après la connexion

Le résultat ci-dessus montre que la méthode match() renvoie la sous-chaîne correspondante « Tutoriel ».

Utilisez la méthode string search()

La méthode search() fait partie de l'objet String en JavaScript. Il est utilisé pour rechercher une sous-chaîne d'une chaîne basée sur une RegExp ou une expression régulière.

Les utilisateurs peuvent utiliser la méthode search() avec JavaScript RegExp selon la syntaxe suivante pour effectuer une correspondance insensible à la casse.

Grammaire

text.search(regex)
Copier après la connexion

Dans la syntaxe ci-dessus, "text" est une chaîne et "regex" est le modèle d'expression régulière.

Paramètres

  • regex - C'est une expression régulière ou une chaîne qui sera convertie en expression régulière.

Type de retour

  • Renvoie la position de la première correspondance, ou -1 si aucune correspondance n'est trouvée.

Exemple

Dans l'exemple donné ci-dessous, nous avons utilisé la méthode search() et en cliquant sur le bouton, nous vérifions le résultat de la méthode search() et le produisons.

<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>
Copier après la connexion

Dans le résultat ci-dessus, l'utilisateur peut voir que la méthode search() renvoie la position de départ de la sous-chaîne « Tutoriel ».

Utilisez la méthode RegExp test()

La méthode test() fait partie de l'objet RegExp en JavaScript. Il est utilisé pour tester des chaînes basées sur RegExp ou des expressions régulières.

Les utilisateurs peuvent utiliser la méthode test() avec JavaScript RegExp selon la syntaxe suivante pour effectuer une correspondance insensible à la casse.

Grammaire

regex.test(text)
Copier après la connexion

Dans la syntaxe ci-dessus, « texte » est une chaîne qui doit être vérifiée à l'aide d'une expression régulière. "regex" est un modèle d'expression régulière.

Paramètres

  • Text/String - Il s'agit du texte ou de la chaîne qui doit être testé.

Type de retour

  • Renvoie faux si aucune correspondance n'est trouvée, sinon renvoie vrai.

Exemple

Dans l'exemple ci-dessous, nous avons utilisé la méthode 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>
Copier après la connexion

Dans le résultat ci-dessus, l'utilisateur peut voir que la méthode test() renvoie true car la sous-chaîne "Tutorial" est présente dans le texte.

Utilisez la méthode RegExp exec()

La méthode exec() fait partie de l'objet RegExp en JavaScript. Il est utilisé pour faire correspondre des chaînes avec RegExp ou des expressions régulières.

Les utilisateurs peuvent utiliser la méthode exec() avec JavaScript RegExp selon la syntaxe suivante pour effectuer une correspondance insensible à la casse.

Grammaire

regex.exec(text)
Copier après la connexion

Dans la syntaxe ci-dessus, "text" est une chaîne et "regex" est le modèle d'expression régulière.

Paramètres

  • Text/string - Le texte ou la chaîne à faire correspondre.

Type de retour

  • Renvoie un tableau de toutes les correspondances, ou null si aucune correspondance n'est trouvée.

Exemple

Dans l'exemple ci-dessous, nous avons utilisé la méthode 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>
Copier après la connexion

Le résultat ci-dessus montre que la méthode exec() renvoie la sous-chaîne correspondante "Tutorial".

Dans ce didacticiel, nous avons abordé quatre façons d'effectuer une correspondance insensible à la casse à l'aide de RegExp. Les deux premières méthodes sont les méthodes string match() et search(). Les deux autres méthodes sont les méthodes RegExp test() et exec().

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal