JavaScript Types de données
Les variables JavaScript peuvent contenir différents types de données : nombres, chaînes, objets, etc. :
let length = 16; // Number
let lastName = "Johnson"; // String
let x = {firstName:"John", lastName:"Doe"}; // Object
Le concept des types de données
En programmation, les types de données sont un concept important.
Pour pouvoir opérer sur des variables, il est important de connaître quelque chose sur le type.
Sans types de données, un ordinateur ne peut pas résoudre ce problème en toute sécurité :
let x = 16 + "Volvo";
Est-ce que cela a du sens d'ajouter « Volvo » à seize ? Cela produira-t-il une erreur ou un résultat ?
JavaScript traitera l'exemple ci-dessus comme :
let x = "16" + "Volvo";
Lors de l'ajout d'un nombre et d'une chaîne, JavaScript traitera le nombre comme une chaîne.
JavaScript évalue les expressions de gauche à droite. Différentes séquences peuvent produire des résultats différents :
Dans le premier exemple, JavaScript traite 16 et 4 comme des nombres, jusqu'à ce qu'il atteigne « Volvo ».
Dans le deuxième exemple, comme le premier opérande est une chaîne, tous les opérandes sont traités comme des chaînes.
Les types JavaScript sont dynamiques
JavaScript possède des types dynamiques. Cela signifie que la même variable peut être utilisée pour contenir différents types de données :
Exemple
let x; // Maintenant x est undefined
x = 5; // Maintenant x est un Number
x = "John"; // Maintenant x est un String
Try it Yourself »
Chaînes JavaScript
Une chaîne (ou une chaîne de texte) est une série de caractères comme « John Doe ».
Les chaînes sont écrites avec des guillemets. Vous pouvez utiliser des guillemets simples ou doubles :
Exemple
let carName1 = "Volvo XC60"; // Utilisation des guillemets doubles
let carName2 = 'Volvo XC60'; // Utilisation de guillemets simples
Try it Yourself »
Vous pouvez utiliser des guillemets à l'intérieur d'une chaîne, à condition qu'ils ne correspondent pas aux guillemets entourant la chaîne :
Exemple
let answer1 = "It's alright";
// Guillemet simple à l'intérieur de guillemets doubles
let answer2 = "He is called 'Johnny'";
// Guillemets simples à l'intérieur de guillemets doubles
let answer3 = 'He is called "Johnny"';
// Guillemets doubles à l'intérieur de guillemets simples
Try it Yourself »
Vous en apprendrez davantage sur les chaînes plus tard dans ce didacticiel.
Nombres JavaScript
JavaScript n'a qu'un seul type de nombre.
Les nombres peuvent être écrits avec ou sans décimales :
Exemple
let x1 = 34.00; // Écrit avec des décimales
let x2 = 34; // Écrit sans décimales
Try it Yourself »
Les nombres extra-grands ou extra-petits (minuscules) peuvent être écrits avec une notation scientifique (exponentielle) :
Vous en apprendrez davantage sur les nombres plus tard dans ce tutoriel.
Booléens JavaScript
Les booléens ne peuvent avoir que deux valeurs : true ou false.
Exemple
let x = 5;
let y = 5;
let z = 6;
(x == y) // Retours true
(x == z) // Retours false
Try it Yourself »
Les booléens sont souvent utilisés dans les tests conditionnels.
Vous en apprendrez davantage sur les tests conditionnels plus loin dans ce didacticiel.
Tableaux JavaScript
Les tableaux JavaScript sont écrits entre crochets.
Les éléments du tableau sont séparés par des virgules.
Le code suivant déclare (crée) un tableau appelé cars, contenant trois éléments (noms de voitures) :
Les index de tableau sont basés sur zéro, ce qui signifie que le premier élément est [0], le deuxième est [1], et ainsi de suite.
Vous en apprendrez davantage sur les tableaux plus tard dans ce didacticiel.
Objets JavaScript
Les objets JavaScript sont écrits avec des accolades {}.
Les propriétés d'objet sont écrites sous forme de paires nom:valeur, séparées par des virgules.
Exemple
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Try it Yourself »
L'objet (personne) dans l'exemple ci-dessus a 4 propriétés : firstName, lastName, age et eyeColor.
Vous en apprendrez davantage sur les objets plus tard dans ce tutoriel.
L'opérateur typeof
Vous pouvez utiliser l'opérateur JavaScript typeof pour trouver le type de variable JavaScript.
L'opérateur typeof renvoie le type de variable ou une expression :
Exemple
typeof "" // Retours "string"
typeof "John" // Retours "string"
typeof "John Doe" // Retours "string"
Try it Yourself »
Exemple
typeof 0 // Retours "number"
typeof 314 // Retours "number"
typeof 3.14 // Retours "number"
typeof (3) // Retours "number"
typeof (3 + 4) // Retours "number"
Try it Yourself »
Vous en apprendrez plus sur typeof plus tard dans ce tutoriel.
Undefined / Indéfini
En JavaScript, une variable sans valeur a la valeur undefined. Le type est également undefined.
Toute variable peut être vidée en définissant la valeur sur undefined. Le type sera également undefined.
Valeurs vides
Une valeur vide n'a rien à voir avec undefined.
Une chaîne vide a à la fois une valeur légale et un type.
