interface Web
js tutoriel
Comment vérifier si une chaîne ne contient que des chiffres en JavaScript ?
Comment vérifier si une chaîne ne contient que des chiffres en JavaScript ?
Lors du développement, nous devrons peut-être trouver des chaînes qui contiennent uniquement des chiffres et aucun autre caractère. Le moyen le plus simple de vérifier consiste à analyser le nombre dans la chaîne et à comparer sa longueur à la longueur de la chaîne d'origine. Si les deux sont identiques, cela signifie que la chaîne ne contient que des nombres. Les utilisateurs peuvent utiliser la méthode parseInt() pour analyser les nombres dans une chaîne.
Mais, dans ce tutoriel, nous apprendrons d'autres façons de vérifier si une chaîne ne contient que des nombres en JavaScript.
Utilisez la boucle for et la méthode CharCodeAt()
Nous pouvons utiliser la boucle for pour parcourir la chaîne. Nous pouvons obtenir chaque caractère de la chaîne en utilisant la valeur d'index et la méthode charCodeAt() pour obtenir sa valeur ASCII. On peut alors comparer la valeur ASCII du caractère avec la valeur ASCII du nombre pour savoir si le caractère est un nombre ou un caractère non numérique.
Grammaire
Les utilisateurs peuvent suivre la syntaxe suivante pour vérifier si une chaîne ne contient que des chiffres.
function isOnlyDigits(string) {
for (let i = 0; i < string.length; i++) {
var ascii = string.charCodeAt(i);
if (ascii < 48 || ascii > 57) {
return false;
}
}
return true;
}
Dans la syntaxe ci-dessus, nous exécutons la méthode charCodeAt() pour chaque caractère de chaîne.
Étapes
Étape 1 - Utilisez une boucle for pour parcourir la chaîne.
Étape 2 - Utilisez la méthode charCodeAt() pour obtenir la valeur ASCII du caractère situé au i-ème index de la chaîne
Étape 3 - Vérifiez si la valeur ASCII du caractère à l'index ith est comprise entre 48 et 57. Sinon, cela signifie qu'il s'agit d'un caractère non numérique et renvoie false.
Étape 4 - Si l'itération de la boucle for se termine et que la fonction ne trouve aucun caractère non numérique, elle renvoie vrai, indiquant que la chaîne ne contient que des chiffres.
Exemple
Dans l'exemple ci-dessous, nous prenons deux chaînes contenant uniquement des chiffres et des caractères mixtes. L'utilisateur peut observer la sortie, qui imprime un message sur la page Web basé sur une chaîne contenant uniquement des nombres ou des non-chiffres.
<html>
<body>
<h3>Using the <i> for-loop and charCodeAt() </i> method to check if string contains only digits</h2>
<div id = "output"> </div>
<script>
let output = document.getElementById("output");
function isOnlyDigits(string) {
for (let i = 0; i < string.length; i++) {
var ascii = string.charCodeAt(i);
if (ascii < 48 || ascii > 57) {
output.innerHTML += "The " + string + " contains non-digits characters also. <br/>";
return false;
}
}
output.innerHTML += "The " + string + " contains only digits characters also. <br/>";
return true;
}
isOnlyDigits("122135567343");
isOnlyDigits("df32d23");
</script>
</body>
</html>
Utilisez le constructeur Number()
En JavaScript, Number est un objet et nous pouvons utiliser son constructeur pour créer son instance. Nous pouvons passer une valeur en argument au constructeur Number() pour initialiser une variable avec une valeur numérique.
Nous pouvons également transmettre une chaîne numérique en tant que paramètre au constructeur Number(). Il analyse les nombres et renvoie des valeurs numériques. Si nous transmettons une chaîne contenant des caractères non numériques, elle renverra la valeur NaN.
Grammaire
Les utilisateurs peuvent utiliser la syntaxe suivante pour utiliser Numberconstructor() pour vérifier si une chaîne ne contient que des nombres.
let num = Number(string1);
if (num != NaN) {
// contains non-digit numbers
}else{
// contains only digits.
}
Dans la syntaxe ci-dessus, string1 est une chaîne contenant des caractères numériques et non numériques. Si le constructeur Number() renvoie NaN, la chaîne contient des caractères non numériques ; sinon, elle renvoie une valeur numérique.
Exemple
Dans l'exemple ci-dessous, string1 ne contient que des chiffres. Nous le transmettons comme argument au constructeur Number() et l'utilisateur peut voir qu'il renvoie la valeur numérique réelle dans la sortie au lieu de NaN.
<html>
<body>
<h3>Using the <i> Number() constructor </i> method to check if string contains only digits</h2>
<div id="output"></div>
<script>
let output = document.getElementById("output");
let string1 = "3433454646";
let num = Number(string1);
if (num != NaN) {
output.innerHTML += "The " + string1 + " Contains only digits! <br/>";
} else {
output.innerHTML += "The " + string1 + " Contains non-digits characters! <br/>";
}
</script>
</body>
</html>
Utilisez des expressions régulières
Dans cette section, nous allons créer une expression régulière qui peut être utilisée pour faire correspondre des caractères non numériques dans une chaîne. Si nous trouvons une seule correspondance d'un caractère non numérique, nous pouvons dire que la chaîne contient également des caractères non numériques.
Grammaire
Les utilisateurs peuvent utiliser des expressions régulières selon la syntaxe ci-dessous pour vérifier si une chaîne contient uniquement des nombres.
let regex = /\D/;
let bool = regex.test(str);
if (bool) {
// contains non-digits
} else {
// contains only digits
}
La méthode test() est utilisée dans la syntaxe ci-dessus pour faire correspondre le modèle d'expression régulière avec la chaîne.
La méthode test() retournera vrai si la chaîne contient des caractères non numériques.
Expression régulière expliquée
D - Utilisé pour correspondre à n'importe quel caractère non numérique.
Nous pouvons également utiliser le drapeau "g" avec une expression régulière pour faire correspondre toutes les occurrences de caractères non numériques, mais il nous suffit de savoir que la chaîne ne contient qu'un seul caractère non numérique.
Exemple
Dans cet exemple, la fonction isContainsDigits() a différents paramètres de chaîne lorsque l'utilisateur clique sur le bouton. De plus, les utilisateurs peuvent observer le résultat de la méthode test() avec différentes chaînes.
<html>
<body>
<h3>Using the <i> regular expression </i> method to check if string contains only digits </h3>
<div id = "output"> </div>
<button onclick="isContainsDigits('8954656');isContainsDigits('dfjsdh4354354')">
Click here
</button>
<script>
let output = document.getElementById("output");
let regex = /\D/;
function isContainsDigits(str) {
let bool = regex.test(str);
if (bool) {
output.innerHTML += "The " + str + " Contains non-digits! <br/>";
} else {
output.innerHTML += "The " + str + " Contains only digits characters! <br/>";
}
}
</script>
</body>
</html>
Nous avons appris trois façons différentes de vérifier si une chaîne ne contient que des chiffres. Les utilisateurs peuvent utiliser le constructeur Number() pour effectuer des tâches via un code linéaire.
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Remplacer les caractères de chaîne en javascript
Mar 11, 2025 am 12:07 AM
Explication détaillée de la méthode de remplacement de la chaîne JavaScript et de la FAQ Cet article explorera deux façons de remplacer les caractères de chaîne dans JavaScript: le code JavaScript interne et le HTML interne pour les pages Web. Remplacer la chaîne dans le code JavaScript Le moyen le plus direct consiste à utiliser la méthode Remplace (): str = str.replace ("trouver", "remplacer"); Cette méthode remplace uniquement la première correspondance. Pour remplacer toutes les correspondances, utilisez une expression régulière et ajoutez le drapeau global G: str = str.replace (/ fi
Tutoriel de configuration de l'API de recherche Google personnalisé
Mar 04, 2025 am 01:06 AM
Ce tutoriel vous montre comment intégrer une API de recherche Google personnalisée dans votre blog ou site Web, offrant une expérience de recherche plus raffinée que les fonctions de recherche de thème WordPress standard. C'est étonnamment facile! Vous pourrez restreindre les recherches à Y
Exemple Couleurs Fichier JSON
Mar 03, 2025 am 12:35 AM
Cette série d'articles a été réécrite à la mi-2017 avec des informations à jour et de nouveaux exemples. Dans cet exemple JSON, nous examinerons comment nous pouvons stocker des valeurs simples dans un fichier à l'aide du format JSON. En utilisant la notation de paire de valeurs clés, nous pouvons stocker n'importe quel type
10 Highlighters de syntaxe jQuery
Mar 02, 2025 am 12:32 AM
Améliorez votre présentation de code: 10 surligneurs de syntaxe pour les développeurs Partager des extraits de code sur votre site Web ou votre blog est une pratique courante pour les développeurs. Le choix du bon surligneur de syntaxe peut améliorer considérablement la lisibilité et l'attrait visuel. T
Créez vos propres applications Web Ajax
Mar 09, 2025 am 12:11 AM
Vous voici donc, prêt à tout savoir sur cette chose appelée Ajax. Mais qu'est-ce que c'est exactement? Le terme Ajax fait référence à un regroupement lâche de technologies utilisées pour créer un contenu Web interactif dynamique. Le terme Ajax, inventé à l'origine par Jesse J
8 Superbes plugins de mise en page JQuery Page
Mar 06, 2025 am 12:48 AM
Tirez parti de jQuery pour les dispositions de page Web sans effort: 8 plugins essentiels JQuery simplifie considérablement la mise en page de la page Web. Cet article met en évidence huit puissants plugins jQuery qui rationalisent le processus, particulièrement utile pour la création de sites Web manuels
10 tutoriels JavaScript & jQuery MVC
Mar 02, 2025 am 01:16 AM
Cet article présente une sélection organisée de plus de 10 didacticiels sur les cadres JavaScript et JQuery Model-View-Controller (MVC), parfait pour augmenter vos compétences en développement Web au cours de la nouvelle année. Ces tutoriels couvrent une gamme de sujets, de Foundatio
Qu'est-ce que & # x27; ceci & # x27; en javascript?
Mar 04, 2025 am 01:15 AM
Points de base Ceci dans JavaScript fait généralement référence à un objet qui "possède" la méthode, mais cela dépend de la façon dont la fonction est appelée. Lorsqu'il n'y a pas d'objet actuel, cela fait référence à l'objet global. Dans un navigateur Web, il est représenté par Window. Lorsque vous appelez une fonction, cela maintient l'objet global; mais lors de l'appel d'un constructeur d'objets ou de l'une de ses méthodes, cela fait référence à une instance de l'objet. Vous pouvez modifier le contexte de ceci en utilisant des méthodes telles que Call (), Appliquer () et Bind (). Ces méthodes appellent la fonction en utilisant la valeur et les paramètres donnés. JavaScript est un excellent langage de programmation. Il y a quelques années, cette phrase était
