Comment faire une addition en JavaScript

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 nécessitant une extrême précision. Les sites Web qui vendent des produits, par exemple, ne peuvent pas rester crédibles en faisant payer quelques centimes à un client en raison d’une erreur d’ajout de JavaScript. Apprendre à ajouter des chiffres correctement peut vous aider à créer des sites Web fiables, permettant de manipuler efficacement les données numériques.

Dactylographie javascript

Contrairement aux langages de programmation fortement typés tels que C #, JavaScript est typé de manière vague et vous permet d'affecter tout type de données à une variable sans lui attribuer 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. Toutefois, le type de données mal défini présente également des inconvénients, car vous pouvez également essayer d’ajouter le numéro 2 d’une variable à une autre variable dont la valeur est "pomme". Cela ne peut pas arriver dans un langage de programmation fortement typé.

Ajout de base à JavaScript

Le code suivant ajoute deux nombres et stocke le résultat dans une variable nommée "somme":

var x = 1; var y = 2; var résultat = 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'addition:

var x + = y;

L'opérateur "+ =" indique à JavaScript d'ajouter la variable à droite de l'opérateur à la variable à gauche.

Ajout en 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; var y = 10; var z = x + y;

Après avoir ajouté "y" à "x", "JavaScript enregistre" 11.234 "dans la variable" z ". Vous pouvez contrôler le nombre de points décimaux apparaissant dans un résultat en utilisant 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 de sorte qu'il n'affiche que deux points décimaux. Remplacez "2" par n'importe quel autre nombre pour faire apparaître autant de nombres après le signe décimal.

Ajout de données textuelles

Vous avez peut-être découvert un problème frustrant lors de la tentative d’ajout des nombres entrés dans les zones de texte. Les zones de texte contiennent des données de chaîne, et JavaScript les manipule en tant que 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 en utilisant des nombres entrés dans deux zones de texte dont les identifiants sont "text1" et "text2":

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, "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 cet exemple est 3.

Précision

Lors du traitement des données, votre application peut devoir arrondir les chiffres et é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 à 0.5 ou plus.