• 15 hours
  • Easy

Free online content available in this course.

course.header.alt.is_video

course.header.alt.is_certifying

Got it!

Last updated on 3/27/20

Enregistrez vos données avec des types de données

Log in or subscribe for free to enjoy all this course has to offer!

Une variable est composée de plusieurs éléments. Découvrons le type !

Qu'est-ce qu'un type ?

Le type d'une variable ou d'une constante est tout simplement le genre des données qu'elle enregistre.  En JavaScript, il y a trois types primitifs principaux :

  • number (nombre) ;

  • string (chaîne de caractères) ;

  • boolean (valeur logique).

Qu'est-ce qu'un type primitif ?

Les types primitifs sont les briques de base de chaque structure de données en JavaScript. Peu importe la complexité finale de votre application, à sa base se trouveront ces trois types primitifs.

Bien qu'il ne soit pas nécessaire de déclarer le type d'une variable en JavaScript (plus de détails à ce sujet un peu plus tard), il est important de comprendre leur existence et leur importance.

Découvrez le type "number"

Toutes les variables que vous avez créées jusqu'à maintenant dans ce cours étaient du type number (nombre, en français).  Comme vous l'avez vu, elles peuvent être manipulées de nombreuses façons.

Les variables de type  number  peuvent être positives ou négatives. Elles peuvent aussi être des nombres entiers (1, 2, 3, etc.) ou décimaux (1,4 ; 67,34 ; etc.).

Attention à l'arithmétique en virgule flottante !

L'arithmétique en virgule flottante peut déclencher des erreurs très gênantes dans tous les langages de programmation :

let integerCalculation = 1 + 2;  // donne 3

let weirdCalculation = 0.1 + 0.2;  // on attend 0.3, réponse réelle 0.30000000000000004

Chaque fois que c'est possible, utilisez plutôt des calculs entiers (pour le calcul de prix, vous pouvez par exemple calculer en centimes, et non pas en euros ou en dollars).

Appréhendez les valeurs logiques

Les valeurs logiques (booleans) sont le plus simple des types primitifs : elles ne peuvent avoir que deux valeurs,  true  ou  false  (vrai ou faux). Elles s'utilisent dans toutes sortes de cas : pour indiquer si un utilisateur est connecté ou non, si une case est cochée ou non, ou si un ensemble de conditions particulières est réuni.

Les variables de type boolean peuvent avoir une des deux valeurs  true  ou  false.

let userIsSignedIn = true;
let userIsAdmin = false;

Découvrez les chaînes de caractères

Les chaînes de caractères (chaînes, ou strings, en anglais) sont la façon d'enregistrer du texte dans des variables JavaScript. On peut enregistrer dans une variable de type string n'importe quelle chaîne de caractères, allant d'une seule lettre à un très grand nombre de lettres (plus de 134 millions, même dans des navigateurs anciens) :

Les variables de type string sont encadrées par des guillemets simples ou doubles —  '  ou  "  :

let firstName = "Will";
let lastName = 'Alexander';

Les chaînes peuvent aussi être concaténées (ajoutées à la fin l'une de l'autre) par l'opérateur  +  :

let wholeName = firstName + " " + lastName;  // valeur: "Will Alexander"

Il existe d'autres opérateurs plus évolués pour les chaînes ; nous les explorerons dans les chapitres suivants.

Pratiquez : types de données

https://api.next.tech/api/v1/publishable_key/2A9CAA3419124E3E8C3F5AFCE5306292?content_id=2f0ae000-9d39-44dd-8c16-45e3bd056986&first_name={{first_name}}&last_name={{last_name}}&email={{email}}&user_id={{email}}&security_check={{date_created}}&provider=thinkific_mm

Solution :

Comprenez les types en JavaScript

JavaScript est un langage dit à types dynamiques et à typage faible. Cela signifie que vous pouvez initialiser une variable en tant que nombre, puis la réaffecter comme chaîne, ou tout autre type de variable. Ceci offre une grande souplesse, mais peut aussi conduire à un comportement inattendu si vous opérez sans précaution.

La morale de l'histoire : prenez garde aux types de vos variables, et en général, utilisez des constantes chaque fois que c'est possible.

En résumé

Dans ce chapitre, vous avez découvert les trois principaux types de données primitifs en JavaScript :

  • number (nombre) ;

  • boolean (valeur logique) ;

  • string (chaîne de caractères).

Il existe d'autres types de données plus complexes.

Nous commencerons d'ailleurs à nous intéresser à un type très utile dans le chapitre suivant : les objets.

Techniquement, il y a trois autres types de données primitifs dans JavaScript :  null,  undefined  et  symbol. Vous croiserez les deux premiers dans ce cours, mais les symboles sortiraient du sujet. Pour en savoir plus, consultez les docs MDN pour les types.

Example of certificate of achievement
Example of certificate of achievement