Types de données JavaScript
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 de 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 le type.
Sans types de données, un ordinateur ne peut pas résoudre en toute sécurité ceci :
let x = 16 + "Volvo";
Cela a-t-il un sens d'ajouter "Volvo" à seize ? Produira-t-il une erreur ou produira-t-il 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.
Exemple
let x = 16 + "Volvo";
Exemple
let x = "Volvo" + 16;
JavaScript évalue les expressions de gauche à droite. Différentes séquences peuvent produire des résultats différents :
JavaScript :
let x = 16 + 4 + "Volvo";
Résultat:
20Volvo
JavaScript :
let x = "Volvo" + 16 + 4;
Résultat:
Volvo164
Dans le premier exemple, JavaScript traite 16 et 4 comme des nombres, jusqu'à ce qu'il atteigne "Volvo".
Dans le deuxième exemple, puisque 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 a 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; // Now x is undefined
x = 5; // Now x is a Number
x = "John"; // Now x is a String
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"; // Using double quotes
let carName2 = 'Volvo XC60'; // Using single quotes
Vous pouvez utiliser des guillemets à l'intérieur d'une chaîne, tant qu'ils ne correspondent pas aux guillemets entourant la chaîne :
Exemple
let answer1 = "It's alright";
// Single quote inside double quotes
let answer2 = "He is called 'Johnny'";
// Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';
// Double quotes inside single quotes
Vous en apprendrez plus sur les chaînes plus tard dans ce didacticiel.
Numéros JavaScript
JavaScript n'a qu'un seul type de nombres.
Les nombres peuvent être écrits avec ou sans décimales :
Exemple
let x1 = 34.00; // Written with decimals
let x2 = 34; // Written without decimals
Les nombres très grands ou très petits peuvent être écrits avec une notation scientifique (exponentielle) :
Exemple
let y = 123e5; // 12300000
let z = 123e-5; // 0.00123
Vous en apprendrez plus sur les nombres plus loin dans ce didacticiel.
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)
// Returns true
(x == z) // Returns
false
Les booléens sont souvent utilisés dans les tests conditionnels.
Vous en apprendrez plus 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 voiture) :
Exemple
const cars = ["Saab", "Volvo", "BMW"];
Les index de tableau sont basés sur zéro, ce qui signifie que le premier élément est [0], le second est [1], etc.
Vous en apprendrez plus sur les tableaux plus loin dans ce didacticiel.
Objets JavaScript
Les objets JavaScript sont écrits avec des accolades {}
.
Les propriétés d'objet sont écrites sous la forme de paires nom:valeur, séparées par des virgules.
Exemple
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
L'objet (personne) dans l'exemple ci-dessus a 4 propriétés : firstName, lastName, age et eyeColor.
Vous en apprendrez plus sur les objets plus loin dans ce didacticiel.
Le type d'opérateur
Vous pouvez utiliser l' typeof
opérateur JavaScript pour trouver le type d'une variable JavaScript.
L' typeof
opérateur renvoie le type d'une variable ou d'une expression :
Exemple
typeof "" // Returns
"string"
typeof "John" // Returns
"string"
typeof "John Doe" // Returns
"string"
Exemple
typeof 0 // Returns
"number"
typeof 314 // Returns
"number"
typeof 3.14 // Returns
"number"
typeof (3) // Returns
"number"
typeof (3 + 4) // Returns
"number"
Vous en apprendrez plus sur typeof plus loin dans ce didacticiel.
Indéfini
En JavaScript, une variable sans valeur a la valeur undefined
. Le genre est aussi undefined
.
Exemple
let car; // Value is undefined,
type is undefined
Toute variable peut être vidée, en définissant la valeur sur undefined
. Le type sera également undefined
.
Exemple
car = undefined; // Value is undefined,
type is 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.
Exemple
let car = ""; //
The value is
"", the typeof is "string"