Heim >Web-Frontend >HTML-Tutorial >Zahlen in Klammern in JavaScripts RegExp finden?

Zahlen in Klammern in JavaScripts RegExp finden?

WBOY
WBOYnach vorne
2023-08-20 18:45:45804Durchsuche

Zahlen in Klammern in JavaScripts RegExp finden?

In diesem Tutorial lernen wir, wie man mit JavaScript RegExp die Zahl in Klammern findet. Die ASCII-Werte für Zahlen (0-9) reichen von 48 bis 57. Wir verwenden [0-9], um die Zahlen in Klammern in regulären Ausdrücken darzustellen. Um Zahlen in einem Bereich außer allen Zahlen zu finden, können wir einen bestimmten Bereich schreiben. Um beispielsweise eine Zahl zwischen 4 und 8 zu finden, können wir [4-8] im regulären Ausdrucksmuster schreiben. Unser Ziel ist es nun, mithilfe von RegExp in JavaScript Zahlen in Klammern im Text zu finden. Wir können der folgenden Syntax folgen, um die Zahl in Klammern zu finden.

Syntax

Das Folgende ist die Syntax für die Zeichen der RegExp-Gruppe [0-9] -

new RegExp("[0-9]") or simply /[0-9]/ 

/[0-9]/, wird in ES1 eingeführt. Es wird von allen Browsern wie Chrome, IE, Safari, Opera, Firefox und Edge vollständig unterstützt

RegExp hat Modifikatoren wie

g, i, m. „g“ wird verwendet, um eine globale Übereinstimmung durchzuführen, „i“ wird verwendet, um eine Übereinstimmung ohne Berücksichtigung der Groß-/Kleinschreibung durchzuführen, und „m“ wird verwendet, um eine mehrzeilige Übereinstimmung durchzuführen.

Syntax für /[0-9]/ mit Modifikator wie

new RegExp("[0-9]", "g") or simply /[0-9]/g

Algorithmus

  • Schritt 1 − Definieren Sie eine Zeichenfolge mit einigen Zahlen.
  • SCHRITT 2 − Definieren Sie das RegExp-Muster für Ziffern in Klammern.
  • Schritt 3 – Wenden Sie die Funktion „match(pattern)“ auf die oben definierte Zeichenfolge an, um die Zahlen in Klammern in der Zeichenfolge zu finden.
  • Schritt 4 – Ergebnisse anzeigen – übereinstimmende Zahlen.
Sehen wir uns zum besseren Verständnis einige Programmbeispiele an.

Beispiel 1

Im folgenden Programm verwenden wir das String-Match(Muster), um Ziffern zwischen 1 und 4 in der angegebenen Zeichenfolge zu finden. Wir verwenden das RegExp-Muster als /[1-4]/g. Die String-Match()-Methode gibt ein Array von Ziffern zurück in der Zeichenfolge.

<!DOCTYPE html>
<html>
<body>
   <h2>Finding digits inside the bracket</h2>
   <p id = "text"></p>
   <p>Digits inside the bracket [1-4] :
   <span id= "result"></span>
   </p>
   <script>
      let myStr = "0127845639Hello";
      document.getElementById("text").innerHTML = myStr;
      let pattern = /[1-4]/g;
      let result = myStr.match(pattern);
      document.getElementById("result").innerHTML = result;
   </script>
</body>
</html>

Hier wird der Text als 0-9-Ziffern angegeben und im Muster haben wir nur die Ziffern 1 bis 4 angegeben. Die Methode match() gibt ein Array vorhandener Ziffern zurück, andernfalls wird sie als Null zurückgegeben. Sehen wir uns ein weiteres Beispiel an.

Beispiel 2

Im folgenden Programm nehmen wir eine Zeichenfolge ohne Ziffern und versuchen, Ziffern in der Zeichenfolge zu finden. Wir verwenden string match(pattern), um Ziffern zwischen 1 und 4 in der angegebenen Zeichenfolge zu finden. Wir verwenden das RegExp-Muster als /[1 -4]/g. Sehen Sie, wie unsere Ausgabe aussieht.

<!DOCTYPE html>
<html>
<body>
   <h1>Finding digits inside the bracket</h1>
   <p id= "result"></p>
   <script>
      let text = "567890";
      let pattern = /[1-4]/g;
      let result = text.match(pattern);
      if(result == null){
         document.getElementById("result").innerHTML = "Sorry, there is no digits in text that mentioned in the brackets";
      } else {
         ocument.getElementById("result").innerHTML = result;
      }
   </script>
</body>
</html>

Hier können wir das von uns erwähnte Muster [1-4] beobachten, aber im Text werden uns 5-9 und 0 angegeben. Die Methode match() wird als null zurückgegeben, da keine Ergebnisse vorliegen Wird als erstes Beispiel der Eingabetext angegeben, gibt match() ein Array vorhandener Ziffern zurück und es wird eine weitere Anweisung ausgeführt

Beispiel 3

<!DOCTYPE html>
<html>
<body>
   <h1>Finding digits inside the bracket</h1>
   <p id= "result"></p>
   <script>
      let text = "0127845639Hello";
      let pattern = /[1-4]/g;
      let result = text.match(pattern);
      if(result == null){
         document.getElementById("result").innerHTML = "Sorry, there is no digits in text that mentioned in the brackets";
      } else {
         document.getElementById("result").innerHTML = "Digit(s) inside the inside the bracket: " + result;
      }
   </script>
</body>
</html>

Jetzt schauen wir uns an, wie man Wortzeichen in einem bestimmten Text ersetzt.

Beispiel 4

Suchen und ersetzen Sie Zahlen in Klammern

Im folgenden Beispiel verwenden wir die Methoden split() und join(), um Zahlen zwischen 1 und 4 zu finden und durch Leerzeichen zu ersetzen.

<!DOCTYPE html>
<html>
<body>
   <h1>Replace digits inside the bracket</h1>
   <p>After replacing the digits inside the bracket :
   <span id= "result"></span>
   </p>
   <script>
      let text = "0127845639Hello";
      let pattern = /[1-4]/g;
      let result = text.split(pattern).join(" ");
      document.getElementById("result").innerHTML = result;
   </script>
</body>
</html>

Beispiel 5

Wir werden auch versuchen, die Ziffern in der Klammer auf eine einfachere Weise zu ersetzen,

<!DOCTYPE html>
<html>
<body>
   <h1>Replace digits inside the bracket</h1>
   <p>After replacing the digits inside the bracket :
   <span id= "result"></span>
   </p>
   <script>
      let text = "0127845639Hello";
      let pattern = /[1-4]/g;
      let result = text.replace(pattern , " ");
      document.getElementById("result").innerHTML = result;
   </script>
</body>
</html>

Wie wir besprochen haben, wird bei g für globale Übereinstimmungen nicht beim ersten Vorkommen angehalten, sondern es wird nach allen Vorkommen gesucht.

Ich hoffe, dass dieses Tutorial Wissen darüber vermittelt, wie man mithilfe von RegExp in JavaScript Ziffern in Klammern findet.

Das obige ist der detaillierte Inhalt vonZahlen in Klammern in JavaScripts RegExp finden?. 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