Opérateur JavaScript « » : concaténation ou addition : comment éviter les résultats inattendus ?

Concaténation vs addition en JavaScript : comprendre l'opérateur ' '

En JavaScript, lors de l'ajout de deux valeurs, on peut rencontrer des résultats inattendus si les valeurs ne sont pas numériques. Par défaut, l'opérateur « » tente de concaténer les valeurs au lieu de calculer leur somme.

Considérons l'exemple suivant :

myFunction() {
  var y = document.getElementById("txt1").value;
  var z = document.getElementById("txt2").value;
  var x = y + z;
  document.getElementById("demo").innerHTML = x;
}

Dans ce code, JavaScript traitera y et z comme des chaînes , ce qui entraîne leur concaténation au lieu de leur addition. Par conséquent, l'ajout de 1 et 2 produira "12" plutôt que "3".

Solution : convertir des chaînes en nombres

Pour résoudre ce problème, on peut convertir explicitement y et z en nombres à l'aide de l'opérateur unaire plus « » :

var x = +y + +z;

Cette conversion garantit que y et z sont traités comme nombres, aboutissant au calcul de leur somme. En ajoutant « » aux noms de variables, JavaScript tentera d'abord de convertir les valeurs en nombres avant d'effectuer l'addition.

En adhérant à ces directives, les développeurs peuvent éviter l'écueil d'une concaténation involontaire et garantir des opérations mathématiques précises dans JavaScript.

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!