Pourquoi mon code JavaScript est-il concaténé au lieu d'ajouter des nombres ?

Surmonter le piège mathématique de la concaténation de chaînes de JavaScript

En JavaScript, la manipulation de variables peut parfois conduire à des résultats inattendus. Un piège courant est la concaténation de chaînes au lieu d’effectuer des opérations mathématiques. Cela peut se produire lorsqu'une variable numérique est traitée comme une chaîne, conduisant à l'ajout de chaînes plutôt que de nombres.

Scénario : ajout d'entier avec résultat de chaîne inattendu

Pour Par exemple, considérons le code suivant :

var dots = document.getElementById("txt").value; // 5
function increase() {
    dots = dots + 5;
}

Nous nous attendons à ce que ce code augmente la valeur des points de 5. Cependant, la sortie est "55" au lieu de 10. En effet, la variable points est traitée comme une chaîne et JavaScript concatène les chaînes au lieu d'effectuer des opérations mathématiques.

Solution : forcer l'opération mathématique

Pour résoudre ce problème, nous devons forcer JavaScript à traiter les points comme un entier et à effectuer des opérations mathématiques. Nous pouvons le faire en utilisant la fonction parseInt() :

dots = parseInt(document.getElementById("txt").value, 10);

• La fonction parseInt() convertit les points de la chaîne en un entier.
• Le deuxième paramètre, 10, spécifie le système numérique en base 10.

En convertissant les points en nombre entier, JavaScript effectuera correctement les mathématiques opérations dessus, ce qui donne le résultat souhaité de 10.

N'oubliez pas que lorsque vous manipulez des variables numériques en JavaScript, soyez prudent face aux problèmes potentiels de conversion de type qui pourraient entraîner une concaténation de chaînes au lieu d'opérations mathématiques. En utilisant des techniques telles que parseInt(), vous pouvez vous assurer que JavaScript effectue les calculs prévus.

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!