L'ajout de JavaScript peut sembler une tâche simple, jusqu'à ce que vous découvriez le nombre de façons différentes de les ajouter. Les calculs mathématiques sont souvent des opérations critiques qui nécessitent une extrême précision. Les sites Web qui vendent des produits, par exemple, ne peuvent pas rester crédibles en surfacturant quelques centimes à un client en raison d'un ajout de JavaScript erroné. Apprendre à ajouter correctement des nombres peut vous aider à créer des sites Web fiables qui manipulent efficacement les données numériques.
Saisie JavaScript
Contrairement aux langages de programmation fortement typés tels que C #, JavaScript est typé de manière lâche et vous permet d'assigner n'importe quel type de données à une variable sans donner à la variable un type spécifique. En JavaScript, par exemple, vous pouvez attribuer un numéro à une variable nommée «x» aussi facilement que vous pouvez lui attribuer le mot «pomme». Cette flexibilité vous permet de créer des programmes sans vous soucier des déclarations de type. Cependant, le typage de données lâche présente également des inconvénients, car vous pouvez également essayer d'ajouter le numéro 2 dans une variable à une autre variable dont la valeur est «pomme». Cela ne peut pas se produire dans un langage de programmation fortement typé.
Ajout JavaScript de base
Le code suivant ajoute deux nombres et stocke le résultat dans une variable nommée «somme»:
var x = 1; var y = 2; résultat var = x + y;
Le résultat est "3" dans cet exemple simple. Ajoutez des nombres en JavaScript en plaçant un signe plus entre eux. Vous pouvez également utiliser la syntaxe suivante pour effectuer l'ajout:
var x + = y;
L'opérateur "+ =" indique à JavaScript d'ajouter la variable sur le côté droit de l'opérateur à la variable sur la gauche.
Addition à virgule flottante
Les nombres à virgule flottante, tels que 1.234, contiennent des points décimaux. Si vous ajoutez des nombres à virgule flottante comme indiqué ci-dessous, JavaScript conserve les points décimaux, comme indiqué ci-dessous:
var x = 1.234 10; var y = XNUMX; var z = x + y;
Après avoir ajouté "y" à "x", "JavaScript stocke" 11.234 "dans la variable" z ". Vous pouvez contrôler le nombre de points décimaux qui apparaissent dans un résultat à l'aide de la fonction «toFixed». Au lieu d'ajouter «x» à «y», utilisez plutôt la syntaxe suivante:
var z = (x + y) .toFixed (2);
La méthode "toFixed" met en forme le résultat afin qu'il n'affiche que deux décimales. Remplacez «2» par un autre nombre pour que de nombreux nombres apparaissent après la virgule décimale.
Ajout de données textuelles
Vous avez peut-être découvert un problème frustrant en essayant d'ajouter les nombres entrés dans les zones de texte. Les zones de texte contiennent des données de chaîne et JavaScript les manipule sous forme de chaînes. Le code suivant ajoute deux chaînes à l'aide de l'opérateur plus:
var x = "Pommes" + "Oranges";
La variable «x» contient «ApplesOranges» après l'exécution du code. La même chose se produit si vous effectuez l'addition suivante à l'aide de nombres entrés dans deux zones de texte dont les valeurs d'ID sont "texte1" et "texte2":
var x = document.getElementById ("textbox1"). value; var y = document.getElementById ("textbox2"). value; var z = x + y;
Si la première zone de texte contient «1» et la seconde zone de texte contient «2», JavaScript ajoute ces deux valeurs au lieu de les ajouter et stocke «12» dans la variable «z». Pour éviter que cela ne se produise, utilisez la fonction Number, comme indiqué ci-dessous:
var z = nombre (x) + nombre (y);
Le résultat dans ce cas est 3.
Précision
Lors du traitement des données, votre application peut avoir besoin d'arrondir les nombres et d'éliminer les points décimaux. La méthode Math.Round effectue cette tâche, comme illustré dans l'exemple suivant:
var x = 1.4 var y = 1.2; var z = Math.round (x + y);
Ajouter "x" et "y" ici donne normalement 2.6 comme résultat. Cependant, si vous utilisez Math.Round pour effectuer l'addition, JavaScript arrondit la valeur à 3. Cette méthode, qui fonctionne dans tous les navigateurs, arrondit les nombres à l'entier suivant si le résultat est égal ou supérieur à 0.5.