Table des matières
Syntaxe
Algorithme
Exemple 5
Finding digits inside the bracket
Replace digits inside the bracket
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 ?

Aug 20, 2023 pm 06:45 PM
javascript regexp 查找

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 id="Finding-digits-inside-the-bracket">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 id="Finding-digits-inside-the-bracket">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 id="Finding-digits-inside-the-bracket">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 id="Replace-digits-inside-the-bracket">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 id="Replace-digits-inside-the-bracket">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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 pm 02:54 PM

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de reconnaissance vocale en ligne Introduction : Avec le développement continu de la technologie, la technologie de reconnaissance vocale est devenue une partie importante du domaine de l'intelligence artificielle. Le système de reconnaissance vocale en ligne basé sur WebSocket et JavaScript présente les caractéristiques d'une faible latence, d'un temps réel et d'une multiplateforme, et est devenu une solution largement utilisée. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de reconnaissance vocale en ligne.

4 façons de désactiver Find My sur iPhone 4 façons de désactiver Find My sur iPhone Feb 02, 2024 pm 04:15 PM

L'application Find My d'Apple vous permet de localiser votre iPhone ou autre appareil pour éviter qu'il ne soit perdu ou oublié. Bien que Find My soit un outil utile pour suivre les appareils, vous souhaiterez peut-être le désactiver si vous êtes préoccupé par des problèmes de confidentialité, si vous ne voulez pas vider votre batterie ou pour d'autres raisons. Heureusement, il existe plusieurs façons de désactiver Find My sur iPhone, que nous expliquerons toutes dans cet article. Comment désactiver Find My sur iPhone [4 méthodes] Vous pouvez désactiver Find My sur iPhone de quatre manières. Si vous avez utilisé la méthode 1 pour désactiver Find, vous pouvez le faire à partir de l'appareil sur lequel vous souhaitez le désactiver. Pour continuer avec les méthodes 2, 3 et 4, l'iPhone que vous souhaitez éteindre Find Your Phone doit être éteint ou

Comment vérifier le numéro de série du disque dur et l'adresse Mac Comment vérifier le numéro de série du disque dur et l'adresse Mac Feb 18, 2024 pm 07:45 PM

Les numéros de série des disques durs et les adresses MAC sont des identifiants importants dans le matériel informatique et sont très utiles dans la gestion et la maintenance des systèmes informatiques. Cet article explique comment trouver le numéro de série du disque dur et l'adresse MAC. 1. Recherchez le numéro de série du disque dur Le numéro de série du disque dur est un identifiant unique utilisé par le fabricant du disque dur pour identifier et suivre le disque dur. Dans différents systèmes d'exploitation, la méthode de recherche du numéro de série du disque dur est légèrement différente. Windows : ouvrez l'invite de commande (recherchez "cmd" dans le menu Démarrer), entrez la commande suivante et appuyez sur Entrée : wmicdisk

WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel Dec 17, 2023 pm 05:30 PM

WebSocket et JavaScript : technologies clés pour réaliser des systèmes de surveillance en temps réel Introduction : Avec le développement rapide de la technologie Internet, les systèmes de surveillance en temps réel ont été largement utilisés dans divers domaines. L'une des technologies clés pour réaliser une surveillance en temps réel est la combinaison de WebSocket et de JavaScript. Cet article présentera l'application de WebSocket et JavaScript dans les systèmes de surveillance en temps réel, donnera des exemples de code et expliquera leurs principes de mise en œuvre en détail. 1. Technologie WebSocket

Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Dec 17, 2023 pm 12:09 PM

Introduction à l'utilisation de JavaScript et de WebSocket pour mettre en œuvre un système de commande en ligne en temps réel : avec la popularité d'Internet et les progrès de la technologie, de plus en plus de restaurants ont commencé à proposer des services de commande en ligne. Afin de mettre en œuvre un système de commande en ligne en temps réel, nous pouvons utiliser les technologies JavaScript et WebSocket. WebSocket est un protocole de communication full-duplex basé sur le protocole TCP, qui peut réaliser une communication bidirectionnelle en temps réel entre le client et le serveur. Dans le système de commande en ligne en temps réel, lorsque l'utilisateur sélectionne des plats et passe une commande

Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 am 09:39 AM

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de réservation en ligne. À l'ère numérique d'aujourd'hui, de plus en plus d'entreprises et de services doivent fournir des fonctions de réservation en ligne. Il est crucial de mettre en place un système de réservation en ligne efficace et en temps réel. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de réservation en ligne et fournit des exemples de code spécifiques. 1. Qu'est-ce que WebSocket ? WebSocket est une méthode full-duplex sur une seule connexion TCP.

JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel Dec 17, 2023 pm 05:13 PM

JavaScript et WebSocket : Construire un système efficace de prévisions météorologiques en temps réel Introduction : Aujourd'hui, la précision des prévisions météorologiques revêt une grande importance pour la vie quotidienne et la prise de décision. À mesure que la technologie évolue, nous pouvons fournir des prévisions météorologiques plus précises et plus fiables en obtenant des données météorologiques en temps réel. Dans cet article, nous apprendrons comment utiliser la technologie JavaScript et WebSocket pour créer un système efficace de prévisions météorologiques en temps réel. Cet article démontrera le processus de mise en œuvre à travers des exemples de code spécifiques. Nous

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Jan 05, 2024 pm 06:08 PM

Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest

See all articles