Maison > Article > interface Web > Comment effectuer une correspondance insensible à la casse à l'aide de JavaScript RegExp ?
Comment effectuer une correspondance insensible à la casse à l'aide de JavaScript RegExp ?
- 王林avant
- 2023-09-07 17:09:021557parcourir
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')
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)
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>
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)
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>
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)
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>
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)
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>
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!