Comment convertir une chaîne en float en JavaScript ?
Nous pouvons convertir une chaîne en nombre à virgule flottante en utilisant la fonction parseFloat() ou le constructeur Number() en JavaScript. D'autres méthodes peuvent également être utilisées, comme l'utilisation de l'opérateur +, des méthodes eval() et parseInt(). La conversion d'une chaîne en nombre à virgule flottante est une opération typique en JavaScript. Ceci est nécessaire lorsque vous travaillez avec des nombres représentés sous forme de chaînes, par exemple lors de la lecture de données à partir d'un champ de saisie ou d'un fichier CSV. Dans cet article, nous apprendrons ces méthodes en détail.
Méthode de conversion
En JavaScript, il existe plusieurs façons de convertir une chaîne en nombre à virgule flottante. Les méthodes les plus courantes sont la fonction parseFloat() et le constructeur Number().
Fonction parseFloat()
La fonctionparseFloat est un outil en JavaScript qui permet de convertir des chaînes en nombres avec des décimales. Vous lui donnez un mot ou une phrase et il renvoie un nombre. Il est facile à utiliser et intégré à JavaScript.
Grammaire
La syntaxe de la fonctionparseFloat() est la suivante -
parseFloat(string)
Exemple
Voici un exemple d'utilisation de la fonction parseFloat() -
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
let string = "3.14";
let float = parseFloat(string);
document.getElementById("demo").innerHTML = float;
//output:3.14
</script>
</body>
</html>
Bien que la fonction parseFloat() puisse facilement convertir des chaînes en nombres à virgule flottante, elle présente certaines limites. Cette fonction convertit uniquement la première partie de la chaîne (un nombre à virgule flottante valide). Si le nombre à virgule flottante dans la chaîne est suivi de caractères non numériques, la fonction les ignore.
Constructeur Number()
JavaScript inclut une fonction intégrée appelée Number(), qui fournit un autre moyen de convertir un nombre représenté par une chaîne en un nombre à virgule flottante. Il renvoie la représentation équivalente à virgule flottante de la chaîne envoyée en entrée. La fonction Number() fournit une méthode plus flexible de conversion de chaînes en nombres à virgule flottante que la fonction parseFloat(), et elle peut gérer les conversions de types pour une plus grande variété de types de données, y compris les entiers et autres types numériques.
Grammaire
La syntaxe du constructeurNumber() est la suivante -
new Number(string)
Exemple
Voici un exemple d'utilisation du constructeur Number() -
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
let string = "3.114";
let float = new Number(string);
document.getElementById("demo").innerHTML = float; //output:3.114
</script>
</body>
</html>
Bien que la fonction Number() soit très utile pour convertir des chaînes en nombres à virgule flottante, elle présente certaines limites. Cette fonction a des performances inférieures à celles de la fonction parseFloat() et ne doit pas être utilisée.
Autres méthodes
Il existe d'autres façons de convertir une chaîne en float en JavaScript. Ces méthodes incluent l'utilisation de l'opérateur +, de la fonction parseInt() et de la fonction eval().
+ opérateur
+ L'opérateur est un outil simple qui vous aide à transformer des mots en nombres en utilisant des nombres à virgule flottante comme entrée. Donnez-lui simplement un mot qui représente un nombre et il le convertira en un type de nombre appelé float. Cet outil est utile, mais il ne fonctionne qu'avec des mots qui sont en réalité des nombres. Il ne peut pas changer les mots qui ne représentent pas des nombres.
Grammaire
La syntaxe de l'opérateur
+ est la suivante -
+string
Exemple
Voici un exemple d'utilisation de l'opérateur + -
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
let string = "3.4";
let float = +string;
document.getElementById("demo").innerHTML = float; //output:3.4
</script>
</body>
</html>
Fonction parseInt()
parseInt() Fonction JavaScript intégrée pour convertir le texte en entier ou en entier. La méthode parseInt() accepte une chaîne en entrée et génère une valeur entière. Pour convertir une chaîne en nombre à virgule flottante, utilisez la fonction ParseInt() et transmettez la base 10 comme argument supplémentaire. Regardons un exemple pour nous aider à comprendre.
Grammaire
La syntaxe de la fonction
parseInt() est la suivante -
parseInt(string, radix)
Exemple
Voici un exemple de comment convertir une chaîne en float à l'aide de la fonction parseInt() -
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
let string = "3.4";
let float = parseInt(string, 10);
document.getElementById("demo").innerHTML = float; //output:3
</script>
</body>
</html>
Fonction eval()
La méthodeeval() est une fonction JavaScript intégrée qui évalue une chaîne en une expression JavaScript. Il accepte une chaîne comme argument et renvoie le résultat, tout comme la fonction parseInt(). La conversion de texte en nombres à virgule flottante est un cas d'utilisation courant pour eval(). Vous pouvez le faire en passant une chaîne représentant un nombre à virgule flottante comme argument à eval(). Ensuite, la fonction évalue l'expression et renvoie une valeur à virgule flottante. Dans l'ensemble, eval() est une fonction utile pour exécuter du code dynamique, mais doit être utilisée avec prudence pour éviter les problèmes de sécurité.
Grammaire
La syntaxe de la fonctioneval() est la suivante -
eval(string)
Exemple
Voici un exemple de comment convertir une chaîne en float à l'aide de la fonction eval() -
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
let string = "3.456";
let float = eval(string);
document.getElementById("demo").innerHTML = float; //output:3.456
</script>
</body>
</html>
Veuillez noter que la fonction eval() est considérée comme une fonction dangereuse car elle peut exécuter tout code JavaScript qui lui est transmis, ce qui peut entraîner des risques de sécurité en cas d'utilisation incorrecte. Par conséquent, il n'est pas recommandé d'utiliser la fonction eval() pour convertir une chaîne en nombre à virgule flottante.
Conclusion
Dans ce blog, nous avons discuté de différents types de méthodes pour convertir une chaîne en nombre. Les méthodes les plus courantes sont la fonction parseFloat() et le constructeur Number(). Cependant, l'opérateur +, la fonction parseInt() et la fonction eval() peuvent également être utilisés pour convertir des chaînes en nombres à virgule flottante. Chaque méthode a ses propres avantages et inconvénients, et la meilleure méthode à utiliser dépendra du scénario spécifique. Les développeurs doivent comprendre les limites de chaque méthode et les utiliser en conséquence.
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)
Comment créer et publier mes propres bibliothèques JavaScript?
Mar 18, 2025 pm 03:12 PM
L'article discute de la création, de la publication et du maintien des bibliothèques JavaScript, en se concentrant sur la planification, le développement, les tests, la documentation et les stratégies de promotion.
Comment optimiser le code JavaScript pour les performances dans le navigateur?
Mar 18, 2025 pm 03:14 PM
L'article traite des stratégies pour optimiser les performances JavaScript dans les navigateurs, en nous concentrant sur la réduction du temps d'exécution et la minimisation de l'impact sur la vitesse de chargement de la page.
Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal?
Apr 04, 2025 pm 02:42 PM
Des questions et des solutions fréquemment posées pour l'impression de billets thermiques frontaux pour le développement frontal, l'impression de billets est une exigence commune. Cependant, de nombreux développeurs mettent en œuvre ...
Comment déboguer efficacement le code JavaScript à l'aide d'outils de développeur de navigateur?
Mar 18, 2025 pm 03:16 PM
L'article traite du débogage efficace de JavaScript à l'aide d'outils de développeur de navigateur, de se concentrer sur la définition des points d'arrêt, de l'utilisation de la console et d'analyser les performances.
Qui est payé plus de python ou de javascript?
Apr 04, 2025 am 12:09 AM
Il n'y a pas de salaire absolu pour les développeurs Python et JavaScript, selon les compétences et les besoins de l'industrie. 1. Python peut être davantage payé en science des données et en apprentissage automatique. 2. JavaScript a une grande demande dans le développement frontal et complet, et son salaire est également considérable. 3. Les facteurs d'influence comprennent l'expérience, la localisation géographique, la taille de l'entreprise et les compétences spécifiques.
Comment utiliser les cartes source pour déboguer le code JavaScript minifié?
Mar 18, 2025 pm 03:17 PM
L'article explique comment utiliser les cartes source pour déboguer JavaScript minifiée en le mappant au code d'origine. Il discute de l'activation des cartes source, de la définition de points d'arrêt et de l'utilisation d'outils comme Chrome Devtools et WebPack.
Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript?
Apr 04, 2025 pm 05:09 PM
Comment fusionner les éléments du tableau avec le même ID dans un seul objet en JavaScript? Lors du traitement des données, nous rencontrons souvent la nécessité d'avoir le même ID ...
Démystifier javascript: ce qu'il fait et pourquoi c'est important
Apr 09, 2025 am 12:07 AM
JavaScript est la pierre angulaire du développement Web moderne, et ses principales fonctions incluent la programmation axée sur les événements, la génération de contenu dynamique et la programmation asynchrone. 1) La programmation axée sur les événements permet aux pages Web de changer dynamiquement en fonction des opérations utilisateur. 2) La génération de contenu dynamique permet d'ajuster le contenu de la page en fonction des conditions. 3) La programmation asynchrone garantit que l'interface utilisateur n'est pas bloquée. JavaScript est largement utilisé dans l'interaction Web, les applications à une page et le développement côté serveur, améliorant considérablement la flexibilité de l'expérience utilisateur et du développement multiplateforme.
