Les types de données en Javascript

Les types de données en Javascript

Dans cet article, vous découvrirez les différents types de données disponibles en JavaScript à l'aide d'exemples.

Les types de données spécifient essentiellement quel type de données peut être stocké et manipulé dans un programme en JS.

Il existe six types de données de base en JavaScript qui peuvent être divisés en trois catégories principales : les types de données primitifs (ou primaires), composites (ou de référence) et spéciaux. Les chaînes de caractères, les nombres et les booléens sont des types de données primitifs. Objet, tableau et fonction (qui sont tous des types d'objets) sont des types de données composites. Alors que Undefined et Null sont des types de données spéciaux.

Les types de données primitifs ne peuvent contenir qu'une seule valeur à la fois, tandis que les types de données composites peuvent contenir des collections de valeurs et des entités plus complexes. Voyons chacun d'entre eux en détail.

Sommaire :

Les différents types de données Javascript

  • String qui représente des données textuelles
  • Number qui représente un nombre
  • Null ou Undefined qui représente
  • Boolean qui représente une valeur true ou false
  • Object qui représente un ensemble clé-valeur
  • Array qui représente un tableau
  • Function qui représente une fonction

Le type de données String

let monNom = 'Michel'

Le type de données String est utilisé pour représenter des données textuelles (c'est-à-dire des chaînes de caractères). Les chaînes de caractères sont créées à l'aide de guillemets simples ou doubles entourant un ou plusieurs caractères.

Le type de données Number

Le type de données Number est utilisé pour représenter des nombres positifs ou négatifs avec ou sans décimale, ou des nombres écrits en utilisant la notation exponentielle.

Le type de données Number comprend également certaines valeurs spéciales, à savoir : Infinity, -Infinity et NaN. Infinity représente l'infini mathématique ∞, qui est supérieur à tout nombre. L'infini est le résultat de la division d'un nombre non nul par 0.

Alors que NaN représente une valeur spéciale Not-a-Number. Il s'agit du résultat d'une opération mathématique non valide ou non définie, comme la racine carrée de -1 ou la division de 0 par 0, etc.

let monNombre = 12
// exemple de déclaration d'une variable monNombre ayant comme valeur 12.

Le type de données Boolean

Le type de données booléen ne peut contenir que deux valeurs : true ou false. Il est généralement utilisé pour stocker des valeurs telles que oui (true) ou non (false).

Les valeurs booléennes sont également le résultat de comparaisons dans un programme.

let a = 2, b = 3, c = 4

console.log(a > b); // log false
console.log(c > a); // log true

Le type de données Undefined

Le type de données undefined ne peut avoir qu'une seule valeur, la valeur spéciale undefined. Si une variable a été déclarée, mais qu'aucune valeur ne lui a été attribuée, elle a la valeur undefined.

let toto; 
console.log(toto) // log affichera undefined

Le type de données Null

Il s'agit d'un autre type de données spécial qui ne peut avoir qu'une seule valeur, la valeur null. Une valeur null signifie qu'il n'y a pas de valeur.
Attention cependant, elle n'est pas équivalente à une chaîne vide ("") ou à 0, c'est tout simplement rien.

Une variable peut être explicitement vidée de son contenu actuel en lui attribuant la valeur null.

let val = 1;
console.log(val); // log 1
val = null;
console.log(val); // log null

Le type de données Object

L'object ou objet en français est un type de données complexe qui permet de stocker des collections de données.

Un objet contient des propriétés, définies comme une paire clé-valeur. La clé  d'une propriété est toujours une chaîne de caractères, mais la valeur peut être n'importe quel type de données, comme des chaînes de caractères, des nombres, des booléens, ou des types de données complexes comme des tableaux, des fonctions et d'autres objets.

L'exemple suivant vous montre la manière la plus simple de créer un objet en JavaScript.

let monObject = {} // objet vide

let monDeuxiemeObjet = {
	nom: "Michel",
    age: 20,
    ville: "Paris
}

Le type de données Array

Un Array ou tableau en français est un type de données utilisé pour stocker plusieurs valeurs dans une seule variable. Chaque valeur (également appelée élément) d'un tableau a une position numérique, appelée index, et peut contenir des données de n'importe quel type : nombres, chaînes de caractères, booléens, fonctions, objets et même d'autres tableaux. L'indice du tableau commence à 0, de sorte que le premier élément du tableau est arr[0] et non arr[1].

La façon la plus simple de créer un tableau est de spécifier les éléments du tableau sous la forme d'une liste séparée par des virgules et entourée de crochets, comme le montre l'exemple ci-dessous :

let a = [1, 2, 3];
let b = [1, "Paris", null];
let c = [{nom: "Michel", age: 20}, {nom: "Nicolas", age: 25}];

Comme vous le voyez, vous pouvez avec des arrays avec tout types de données.

Le type de données function

La fonction est un objet appelable qui exécute un bloc de code. Puisque les fonctions sont des objets, il est donc possible de les affecter à des variables, comme le montre l'exemple ci-dessous :

let welcome = function(nom) {
	return 'Bienvenue ' + nom
}

alert(welcome('Elon')) // montre un message Bienvenue Elon

En fait, les fonctions peuvent être utilisées à tout endroit où toute autre valeur peut être utilisée. Les fonctions peuvent être stockées dans des variables, des objets et des tableaux.

Bonus : l'opérateur typeof pour déterminer le type de données d'une variable

Si vous souhaitez connaître le type de données d'une variable vous pouvez simplement appeler l'opérateur "typeof" de la façon suivante :

let monNom = 'Elon';

console.log(typeof monNom) // log String dans la console