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 -
Les utilisateurs peuvent utiliser la syntaxe suivante pour créer des expressions régulières.
//Using a regular expression literal
const regex = /tutorial/i
//Using RegExp constructor
const regex2 = new RegExp('tutorial', 'i')
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. ).
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.
text.match(regex)
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.
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>
Le résultat ci-dessus montre que la méthode match() renvoie la sous-chaîne correspondante « Tutoriel ».
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.
text.search(regex)
Dans la syntaxe ci-dessus, "text" est une chaîne et "regex" est le modèle d'expression régulière.
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>
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 ».
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.
regex.test(text)
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.
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>
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.
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.
regex.exec(text)
Dans la syntaxe ci-dessus, "text" est une chaîne et "regex" est le modèle d'expression régulière.
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>
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!
Quel logiciel est Penguin ?
Comment utiliser des milliers pour gagner des centaines de milliers dans le cercle monétaire
Introduction aux indicateurs de performances du disque dur
Causes et solutions des erreurs d'exécution
Touche de raccourci de veille
Le dernier prix de la monnaie fil
Comment afficher le code source de Tomcat
WeChat restaure l'historique des discussions
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
