Maison > interface Web > tutoriel HTML > Trouver des nombres entre parenthèses dans RegExp de JavaScript ?

Trouver des nombres entre parenthèses dans RegExp de JavaScript ?

WBOY
Libérer: 2023-08-20 18:45:45
avant
797 Les gens l'ont consulté

Trouver des nombres entre parenthèses dans RegExp de JavaScript ?

Dans ce tutoriel, nous apprenons à trouver le nombre entre parenthèses à l'aide de JavaScript RegExp. Les valeurs ASCII pour les nombres (0-9) vont de 48 à 57. Nous utilisons [0-9] pour représenter les nombres entre parenthèses dans les expressions régulières. Pour rechercher des nombres dans une plage sauf tous les nombres, nous pouvons écrire une plage spécifique. Par exemple, pour trouver un nombre entre 4 et 8, on peut écrire [4-8] dans le modèle d'expression régulière. Maintenant, notre objectif est de trouver des nombres entre parenthèses dans le texte en utilisant RegExp en JavaScript. Nous pouvons suivre la syntaxe suivante pour trouver le nombre entre parenthèses.

Syntaxe

Ce qui suit est la syntaxe des caractères du groupe RegExp [0-9] -

new RegExp("[0-9]") or simply /[0-9]/ 
Copier après la connexion

/[0-9]/, est introduit dans ES1. Il est entièrement pris en charge par tous les navigateurs comme Chrome, IE, Safari, Opera, FireFox et Edge.

RegExp a des modificateurs tels que g, i, m. "g" est utilisé pour effectuer une correspondance globale, "i" est utilisé pour effectuer une correspondance insensible à la casse et "m" est utilisé pour effectuer une correspondance multi-lignes.

Syntaxe pour /[0-9]/ avec modificateur comme

new RegExp("[0-9]", "g") or simply /[0-9]/g
Copier après la connexion

Algorithme

  • Étape 1 - Définissez une chaîne contenant des nombres.
  • ÉTAPE 2 - Définissez le modèle RegExp pour les chiffres entre parenthèses.
  • Étape 3 - Appliquez la fonction match(pattern) sur la chaîne définie ci-dessus pour trouver les nombres entre parenthèses dans la chaîne.
  • Étape 4 - Affichez les résultats - numéros correspondants.

Voyons quelques exemples de programmes pour une compréhension plus claire.

Exemple 1

Dans le programme ci-dessous, nous utilisons string match(pattern) pour trouver les chiffres entre 1 et 4 dans la chaîne donnée. Nous utilisons le modèle RegExp comme /[1-4]/g. dans la chaîne.

<!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>
Copier après la connexion

Ici, le texte est donné sous forme de 0 à 9 chiffres et le mot Bonjour. Dans le modèle, nous avons donné [1-4] uniquement. La méthode match() recherchera les chiffres de 1 à 4 uniquement si les chiffres mentionnés sont trouvés dans le texte. La méthode match() renverra un tableau de chiffres existants, sinon elle renverra null. Voyons un autre exemple.

Exemple 2

Dans le programme ci-dessous, nous prenons une chaîne sans chiffres et essayons de trouver des chiffres dans la chaîne. Nous utilisons string match(pattern) pour trouver des chiffres entre 1 et 4 dans la chaîne donnée. Nous utilisons le modèle RegExp comme /? -4]/g. Voyez à quoi ressemble notre résultat.

<!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>
Copier après la connexion

Ici, nous pouvons observer dans le modèle que nous avons mentionné [1-4] mais dans le texte nous sommes donnés de 5 à 9 et 0. La méthode match() retournera comme nulle car il n'y a aucun résultat. Donc, si l'instruction. est exécuté. Si le texte d'entrée est donné comme premier exemple, alors match() renverra un tableau de chiffres existants et une autre instruction sera exécutée comme,

.

Exemple 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>
Copier après la connexion

Maintenant, nous allons vérifier comment remplacer le(s) caractère(s) de mot dans un texte donné. Voyons un exemple

.

Exemple 4

Rechercher et remplacer les nombres entre parenthèses

Dans l'exemple ci-dessous, nous utilisons les méthodes split() et join() pour rechercher et remplacer les nombres entre 1 et 4 par des espaces.

<!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>
Copier après la connexion

Exemple 5

Nous vérifierons également pour remplacer les chiffres à l'intérieur du support d'une manière plus simple, comme

.
<!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>
Copier après la connexion

Comme nous en avons discuté, g pour les correspondances globales. Au lieu de s'arrêter à la première occurrence, il recherchera toutes les occurrences.

J'espère que ce tutoriel vous expliquera comment trouver des chiffres entre parenthèses à l'aide de RegExp en JavaScript.

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!

Étiquettes associées:
source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal