Heim >Web-Frontend >HTML-Tutorial >Wie führt man mit JavaScript RegExp einen Vergleich ohne Berücksichtigung der Groß- und Kleinschreibung durch?
In diesem Tutorial erfahren Sie, wie Sie mithilfe von JavaScript RegExp einen Vergleich ohne Berücksichtigung der Groß- und Kleinschreibung durchführen.
Reguläre Ausdrücke können auf zwei Arten deklariert werden -
Benutzer können die folgende Syntax verwenden, um reguläre Ausdrücke zu erstellen.
//Using a regular expression literal const regex = /tutorial/i //Using RegExp constructor const regex2 = new RegExp('tutorial', 'i')
In der obigen Syntax wird der reguläre Ausdruck so erstellt, dass er mit dem Wort „tutorial“ übereinstimmt. Der Modifikator „i“ bedeutet, dass er mit jeder Teilzeichenfolge mit diesen Zeichen übereinstimmen kann, unabhängig von der Groß-/Kleinschreibung („TuToRial“, „Tutorial“ usw.). ).
Die match()-Methode ist Teil des String-Objekts in JavaScript. Es wird verwendet, um Zeichenfolgen mit RegExp oder regulären Ausdrücken abzugleichen.
Benutzer können die match()-Methode mit JavaScript RegExp gemäß der folgenden Syntax verwenden, um einen Vergleich ohne Berücksichtigung der Groß- und Kleinschreibung durchzuführen.
text.match(regex)
In der obigen Syntax ist „Text“ eine Zeichenfolge, die mithilfe eines regulären Ausdrucks überprüft werden muss. „regex“ ist ein reguläres Ausdrucksmuster.
Im folgenden Beispiel verwenden wir die Methode match(), um einen Vergleich ohne Berücksichtigung der Groß- und Kleinschreibung durchzuführen. Wir überprüfen das Ergebnis der Match-Methode, wenn auf die Schaltfläche geklickt wird, und geben es aus.
<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>
Die obige Ausgabe zeigt, dass die match()-Methode den passenden Teilstring „Tutorial“ zurückgibt.
Die search()-Methode ist Teil des String-Objekts in JavaScript. Es wird verwendet, um basierend auf einem RegExp oder einem regulären Ausdruck nach einem Teilstring eines Strings zu suchen.
Benutzer können die search()-Methode mit JavaScript RegExp gemäß der folgenden Syntax verwenden, um einen Abgleich ohne Berücksichtigung der Groß- und Kleinschreibung durchzuführen.
text.search(regex)
In der obigen Syntax ist „text“ eine Zeichenfolge und „regex“ das reguläre Ausdrucksmuster.
Im unten angegebenen Beispiel haben wir die Methode search() verwendet und beim Klicken auf die Schaltfläche überprüfen wir das Ergebnis der Methode search() und geben es aus.
<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>
In der obigen Ausgabe kann der Benutzer sehen, dass die Methode search() die Startposition des Teilstrings „Tutorial“ zurückgibt.
Die test()-Methode ist Teil des RegExp-Objekts in JavaScript. Es wird zum Testen von Zeichenfolgen verwendet, die auf RegExp oder regulären Ausdrücken basieren.
Benutzer können die test()-Methode mit JavaScript RegExp gemäß der folgenden Syntax verwenden, um einen Vergleich ohne Berücksichtigung der Groß- und Kleinschreibung durchzuführen.
regex.test(text)
In der obigen Syntax ist „Text“ eine Zeichenfolge, die mithilfe eines regulären Ausdrucks überprüft werden muss. „regex“ ist ein reguläres Ausdrucksmuster.
Im folgenden Beispiel haben wir die test()-Methode verwendet.
<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>
In der obigen Ausgabe kann der Benutzer sehen, dass die test()-Methode „true“ zurückgibt, weil der Teilstring „Tutorial“ im Text vorhanden ist.
Die exec()-Methode ist Teil des RegExp-Objekts in JavaScript. Es wird verwendet, um Zeichenfolgen mit RegExp oder regulären Ausdrücken abzugleichen.
Benutzer können die exec()-Methode mit JavaScript RegExp gemäß der folgenden Syntax verwenden, um einen Abgleich ohne Berücksichtigung der Groß- und Kleinschreibung durchzuführen.
regex.exec(text)
In der obigen Syntax ist „text“ eine Zeichenfolge und „regex“ das reguläre Ausdrucksmuster.
Im folgenden Beispiel haben wir die Methode exec() verwendet.
<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>
Die obige Ausgabe zeigt, dass die Methode exec() den passenden Teilstring „Tutorial“ zurückgibt.
In diesem Tutorial haben wir vier Möglichkeiten besprochen, mit RegExp einen Vergleich ohne Berücksichtigung der Groß- und Kleinschreibung durchzuführen. Die ersten beiden Methoden sind die Methoden string match() und search(). Die anderen beiden Methoden sind die RegExp-Methoden test() und exec().
Das obige ist der detaillierte Inhalt vonWie führt man mit JavaScript RegExp einen Vergleich ohne Berücksichtigung der Groß- und Kleinschreibung durch?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!