Menu
CoddyTech

Conversion de type - Partie 1

Fait partie de la section Fondamentaux du Journey JavaScript de Coddy. Leçon 30 sur 77.

Pour convertir entre différents types de données en JavaScript, nous devons utiliser la conversion de type.

JavaScript prend en charge la conversion de type implicite et explicite. Concentrons-nous sur les méthodes de conversion explicite les plus courantes, partie 1 :

parseInt et parseFloat

// Conversion de chaîne en nombre avec parseInt et parseFloat
let str = "42";
let num1 = parseInt(str);    // Convertit en entier
let num2 = parseFloat("42.5");  // Convertit en nombre à virgule flottante

console.log(num1);  // Affiche : 42
console.log(num2);  // Affiche : 42.5

Les deux fonctions lisent le nombre au début de la chaîne et s’arrêtent au premier caractère qui ne fait pas partie d’un nombre. Si la chaîne ne commence pas par un nombre, elles renvoient NaN (Not a Number) :

console.log(parseInt("5ab"));      // Affiche : 5 (analyse jusqu’au caractère invalide)
console.log(parseFloat("5.2xyz")); // Affiche : 5.2 (analyse jusqu’au caractère invalide)
console.log(parseFloat("abc123")); // Affiche : NaN (aucun nombre au début)

Les valeurs provenant de la saisie de l’utilisateur (comme inp[0]) sont toujours des chaînes. Convertissez-les donc avec parseInt ou parseFloat avant d’effectuer des opérations mathématiques : sinon, + les concatène comme du texte au lieu de les additionner.

Il est important d’utiliser le bon type, car cela peut affecter le résultat.

Concaténer deux chaînes de caractères : "5" + "5" == "55"

Ajouter deux nombres : 5 + 5 == 10

Comprendre la conversion de types est essentiel pour écrire du code JavaScript fiable et éviter des résultats inattendus dans vos programmes.

challenge icon

Défi

Débutant

Étant donné deux chaînes var1 et var2.

Convertis-les en nombres à virgule flottante et affiche leur produit.

Essayez vous-même

let var1 = inp[0] // Ne modifiez pas cette ligne
let var2 = inp[1] // Ne modifiez pas cette ligne

// Écrivez le code ci-dessous
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Fondamentaux

Entraînez-vous par vous-même : Compilateur JavaScript en ligne