Heim >Web-Frontend >HTML-Tutorial >Wie führt man mit JavaScript RegExp einen Vergleich ohne Berücksichtigung der Groß- und Kleinschreibung durch?

Wie führt man mit JavaScript RegExp einen Vergleich ohne Berücksichtigung der Groß- und Kleinschreibung durch?

王林
王林nach vorne
2023-09-07 17:09:021565Durchsuche

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

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 -

  • Verwenden Sie reguläre Ausdrucksliterale, die mit einem Schrägstrich beginnen und enden, und Das Muster wird dazwischen platziert.
  • Rufen Sie den RegExp-Objektkonstruktor auf Parameter, die zum Erstellen regulärer Ausdrücke verwendet werden.

Benutzer können die folgende Syntax verwenden, um reguläre Ausdrücke zu erstellen.

Grammatik

//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.). ).

Verwenden Sie die String-Match()-Methode

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.

Grammatik

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.

Parameter

  • regex – Es handelt sich um einen regulären Ausdruck oder eine Zeichenfolge, die in einen regulären Ausdruck konvertiert wird.

Rückgabetyp

  • Gibt ein Array aller Übereinstimmungen zurück oder null, wenn keine Übereinstimmung gefunden wird.

Beispiel

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.

Verwenden Sie die Methode string search()

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.

Grammatik

text.search(regex)

In der obigen Syntax ist „text“ eine Zeichenfolge und „regex“ das reguläre Ausdrucksmuster.

Parameter

  • regex – Es handelt sich um einen regulären Ausdruck oder eine Zeichenfolge, die in einen regulären Ausdruck konvertiert wird.

Rückgabetyp

  • Gibt die Position der ersten Übereinstimmung zurück oder -1, wenn keine Übereinstimmung gefunden wird.

Beispiel

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.

Verwenden Sie die RegExp test()-Methode

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.

Grammatik

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.

Parameter

  • Text/String – Dies ist der Text oder String, der getestet werden muss.

Rückgabetyp

  • Gibt „false“ zurück, wenn keine Übereinstimmung gefunden wird, andernfalls wird „true“ zurückgegeben.

Beispiel

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.

Verwenden Sie die RegExp exec()-Methode

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.

Grammatik

regex.exec(text)

In der obigen Syntax ist „text“ eine Zeichenfolge und „regex“ das reguläre Ausdrucksmuster.

Parameter

  • Text/Zeichenfolge – Der zu vergleichende Text oder die Zeichenfolge.

Rückgabetyp

  • Gibt ein Array aller Übereinstimmungen zurück oder null, wenn keine Übereinstimmung gefunden wird.

Beispiel

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen