Maison > interface Web > js tutoriel > Comment convertir une chaîne en float en JavaScript ?

Comment convertir une chaîne en float en JavaScript ?

WBOY
Libérer: 2023-08-25 12:17:09
avant
1659 Les gens l'ont consulté

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 fonction

parseFloat 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 fonction

parseFloat() est la suivante -

parseFloat(string)
Copier après la connexion

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

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 constructeur

Number() est la suivante -

new Number(string)
Copier après la connexion

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

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

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

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

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

Fonction eval()

La méthode

eval() 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 fonction

eval() est la suivante -

eval(string)
Copier après la connexion

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

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!

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