Conversion implicite string/number en JavaScript avec prompt()

Question

J'ai un souci avec ton exemple :
function prevoirAge() {
let age = prompt("quel est votre age ?");
alert("bientot vous aurez " + (age+1) + " ans.");
}
prevoirAge();
Tu dis que ça va afficher 301, or chez moi ça affiche bien 31. J'ai essayé de chercher un peu sur le net et voici la réponse proposée :
age est une string "30"
MAIS l'opérateur + avec un nombre déclenche une conversion implicite
JS transforme "30" en 30
Résultat : 31
Donc (age + 1) est évalué AVANT la concaténation avec la phrase.
Et je confirme donc que chez moi ça affiche aussi 31 et non pas 30. (Firefox avec VSCode + Live Server).
Pareil pour :
function prevoirAge() {
let age = prompt("quel est votre age ?");
age++;
alert("bientot vous aurez " + age + " ans.");
}
prevoirAge();
Ça affiche aussi 31.
JavaScript a évolué sur cette partie ?

Louis-Nicolas Leuillet · Accepted Answer

Je ne vais pas te haïr au contraire ! 🤣
Ce que tu observes est parfaitement logique et ça touche à un truc fondamental en JavaScript : la coercition de type (ou conversion implicite - on en parlera dans la formation).
En gros, les opérateurs + et - ne se comportent pas pareil avec les chaînes de caractères.
L'opérateur + a une double personnalité : il peut faire de l'addition mathématique OU de la concaténation de chaînes. La règle est simple : dès qu'une des deux opérandes est une string, JavaScript choisit la concaténation. C'est pour ça que "30" + 1 donne "301" (le nombre 1 est converti en string "1", puis collé à "30").
L'opérateur - , lui, n'a qu'une seule fonction possible : la soustraction mathématique. Soustraire du texte, ça n'a aucun sens, donc JavaScript n'a pas d'autre choix que de convertir les strings en nombres. Du coup, "2026" - "1965" donne bien 61 parce que JS convertit automatiquement les deux strings en nombres avant de faire le calcul. Ça marche parce que ces chaînes contiennent des caractères numériques valides.
Pour ton histoire de fonctions déclarées deux fois avec le même nom : oui, c'est exactement ça le problème. En JavaScript, les déclarations de fonctions sont "hoistées" (remontées) en haut de leur portée, et quand tu déclares deux fois function prevoirAge() , la seconde écrase purement et simplement la première.
Concrètement, même si dans ton code la première déclaration apparaît avant la seconde, au moment où tu appelles prevoirAge() la première fois, c'est déjà la version avec age++ qui s'exécute. Et age++ force aussi une conversion en nombre, parce qu'incrémenter n'a de sens qu'avec une valeur numérique. JavaScript convertit donc "30" en 30 , puis ajoute 1, d'où ton résultat de 31.
Pour tester proprement plusieurs versions et voir les différents comportements, tu as plusieurs options :
Renomme tes fonctions différemment ( prevoirAge1 , prevoirAge2 ) ;
Ou alors commente l'une des deux versions pendant que tu testes l'autre.
Tu verras alors que le "30" + 1 donne bien "301" quand il est isolé.

René Barousse · Answer

Bon, je me réponds à moi-même et soulève un nouveau problème :
function prevoirAge() {
let age = prompt("Quel est votre âge ?");
alert("Bientôt, vous aurez " + (age + 1) + " ans.");
}
prevoirAge();
Donne bien 301.
Le souci, c'est que moi, j'ai écrit de 2 façons différentes à la suite pour tester :
function prevoirAge() {
let age = prompt("Quel est votre âge ?");
alert("Bientôt, vous aurez " + (age + 1) + " ans.");
}
prevoirAge();
function prevoirAge() {
let age = prompt("Quel est votre âge ?");
age++;
alert("Bientôt, vous aurez " + age + " ans.");
}
prevoirAge();
Est-ce le fait d'avoir 2 fois la même fonction qui perturbe ? Mais là, je n'ai plus 301, mais bien 31 les 2 fois...
Bref, souci, et du coup, mes 2 messages précédents sont aussi faux vu qu'à chaque fois j'ai 2 fois la fonction et donc à chaque fois 31 ou l'année.
MAIS (il va me haïr, Nicolas !!)
function chercherAge() {
let anneeEnCours = 2026;
let anneeNaissance = prompt("Quelle est votre année de naissance ?");
alert("Vous avez : " + (anneeEnCours - anneeNaissance - 1) + " ans.");
}
chercherAge();
Celui-là marche bien tout seul. Je rentre 1965, j'ai bien : « Vous avez 60 ans ».
Du coup, j'ai fait un test en dessous du code :
let anneeH = "2026", anneeN = "1965";
console.log(anneeH - anneeN);
Ça donne bien 61.
Je n'ai pas été plus loin encore dans le cours, c'est peut-être un tort, mais là, 2 string qu'on soustrait a bien l'air de donner le nombre exact ?

René Barousse · Answer

C'est pour ça, en fait, que je me suis répondu aussi à moi-même et que je t'ai fait un message sur Discord. En commentant les différents tests pour n'en avoir qu'un, je me suis rendu compte que ça changeait.
Question 1 - Par contre, du coup, si j'ai une soustraction ou une incrémentation, il vaut mieux quand même utiliser Number() pour la clarté et éventuellement une relecture derrière, ou on s'en fout, c'est prévu comme ça, ça fonctionne donc je m'en sers ?
Question 2 - De plus (je me suis empressé de tester). Tu fais :
variable = Number(variable); pour obtenir un nombre, et en essayant je me suis aperçu que :
age = Number(prompt("votre age ?"));
fonctionne et est plus rapide (1 seule ligne). Et si j'affiche (age + 1) avec alert , j'ai bien 31 et pas 301. Je peux faire ou c'est pas bon ?

Louis-Nicolas Leuillet · Answer

Alors, pour tes deux questions :
Question 1 – C'est une bonne pratique d'utiliser Number() explicitement, même quand JavaScript ferait la conversion tout seul. Pourquoi ? Parce que ton code devient plus lisible et plus prévisible. Quand quelqu'un (ou toi dans 6 mois) relit le code, il comprend immédiatement ton intention. Et surtout, ça t'évite les mauvaises surprises avec l'opérateur + qui peut te jouer des tours. Donc oui, privilégie la conversion explicite, c'est plus propre.
Question 2 – Oui, tu peux tout à fait faire age = Number(prompt("votre age ?")); en une seule ligne, c'est même ce qu'on fait souvent en pratique. Ça fonctionne parfaitement parce que prompt() retourne une valeur (la string saisie), et cette valeur est directement passée à Number() qui la convertit. Le résultat final est stocké dans age . C'est concis et efficace, tu peux y aller sans souci.

Conversion implicite string/number en JavaScript avec prompt()

Formation JavaScript (legacy)