Une introduction aux types de données en JavaScript

Un type de données définit le type et le comportement des données - il indique au compilateur ou à l'interprète comment un programmeur a l'intention d'utiliser une donnée. La plupart des langages de programmation prennent en charge les types de données de base tels que nombre, booléen, chaîne, etc.

JavaScript prend en charge huit types de données: Number, BigInt, Boolean, String, Null, Undefined, Symbol et Object. Dans cet article, vous découvrirez les huit types de données JavaScript et comment les utiliser.

Types de données JavaScript

Les types de données en JavaScript peuvent être classés en deux grandes catégories: les types de données primitifs et les types de données non primitifs. Un objet est un type de données non primitif ou complexe, et les autres sont des types de données primitifs.

JavaScript est un langage à typage dynamique, ce qui signifie que les types de variables sont vérifiés lors de l'exécution. La même variable peut contenir des valeurs de types différents à tout moment.

Par exemple:

// x est une chaîne
let x = "Bonjour, Monde" ;
// x est un nombre
x = 100 ;
// x est maintenant un booléen
x = vrai ;

Si vous voulez trouver le type de données actuel d'une variable, utilisez le Type de opérateur.

// x est une chaîne
let x = "Bonjour, Monde" ;
console.log (type de (x));
// x est un nombre
x = 100 ;
console.log (type de (x));
// x est maintenant un booléen
x = vrai ;
console.log (type de (x));

Sortir:

chaîne de caractères
numéro
booléen

1. Type de données numérique en JavaScript

Le type de données numérique en JavaScript utilise le IEEE-754 format pour représenter à la fois des nombres entiers et des nombres à virgule flottante. Vous pouvez effectuer de nombreuses opérations sur les nombres en JavaScript, telles que l'addition, la soustraction, la division, la multiplication, etc. Pour effectuer des opérations plus complexes, vous pouvez utiliser le Objet mathématique.

Quelques exemples pour créer des nombres en JavaScript:

// Utilisation de la déclaration littérale
soit n1 = 100 ;
soit n2 = 456,234 ;
// Utilisation du constructeur Number()
soit n3 = Nombre (100) ;
// Conversion en entier
let n4 = Number.parseInt("456.234");
// Conversion en flottant
let n5 = Number.parseFloat("456.234");
let n6 = Number.parseFloat("1.13e3");
// Conversion unaire en nombre
soit n7 = +"345" ;
console.log (n1) ;
console.log (n2) ;
console.log (n3) ;
console.log (n4) ;
console.log (n5) ;
console.log (n6) ;
console.log (n7) ;

Sortir:

100
456.234
100
456
456.234
1130
345

Nombres entiers

L'instruction suivante crée une variable contenant un entier:

soit x = 21 ;

Si vous souhaitez créer des littéraux octaux (base 8), vous devez utiliser le 0o préfixe avec la séquence de chiffres octaux (chiffres de 0 à 7).

soit x = 0o53;
console.log (x);

Sortir:

43

De même, si vous souhaitez créer des littéraux hexadécimaux (base 16), utilisez le 0x préfixe avec la séquence de chiffres hexadécimaux (0 à 9 et A à F).

soit x = 0x53 ;
console.log (x);

Sortir:

83

Nombres à virgule flottante

L'instruction suivante crée une variable contenant un nombre à virgule flottante:

soit x = 324,56 ;

Vous pouvez utiliser la notation électronique pour représenter des nombres très grands ou très petits.

soit x = 1,13e6 ;
console.log (x);

Sortir:

1130000

JavaScript fournit également d'autres valeurs numériques spéciales qui appartiennent au numéro type de données—NaN, Infinity et -Infinity.

• NaN: NaN signifie Pas un numéro ce qui signifie un numéro invalide. Par exemple, si vous divisez une chaîne et un nombre, le résultat sera NaN.

  console.log("MakeUseOf"/10);

  Sortir:

  NaN

  Chose intéressante, NaN n'est égal à rien, y compris à lui-même.

  console.log (NaN == NaN);
  console.log (NaN == ("MakeUseOf"/10));
  console.log (NaN NaN);

  Sortir:

  faux
  faux
  faux

  De plus, si une expression mathématique contient quelque part NaN, le résultat est toujours NaN.
• Infini et -Infini: Infini et -Infini représente la mathématique ∞ et -∞ respectivement.

2. Type de données BigInt en JavaScript

BigInt est un type de données primitif en JavaScript qui peut représenter des entiers avec une précision arbitraire. Étant donné que le type de données numérique ne peut pas représenter des valeurs supérieures à (2⁵³-1) ou des valeurs inférieures à -(2⁵³-1), BigInt est utilisé dans de tels cas pour représenter des nombres très grands ou petits.

Les nombres BigInt sont rarement utilisés. Mais si vous avez vraiment besoin de représenter de grands nombres, par ex. pour la cryptographie, le calcul de la factorielle des grandes des nombres, représentant la masse du soleil, des horodatages de précision à la microseconde, etc., BigInt est ce que vous voulez utiliser.

Vous pouvez créer une valeur BigInt en ajoutant m à la fin d'un entier ou en utilisant le constructeur.

let big1 = 78649264972634817648747234872634876243862348763467547n;
let big2 = BigInt("78649264972634817648747234872634876243862348763467547");
console.log (big1) ;
console.log (big2) ;

Sortir:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

Le type de données BigInt est un ajout relativement récent au langage et est actuellement pris en charge par presque tous les navigateurs, à l'exception d'Internet Explorer.

3. Type de données booléen en JavaScript

Le type de données booléen peut avoir deux valeurs: vrai et faux. Les valeurs booléennes sont le résultat de comparaisons logiques.

soit x1 = vrai ;
console.log (x1) ;
soit x2 = !true;
console.log (x2) ;
soit x3 = !!true;
console.log (x3) ;
let x4 = (faux && vrai);
console.log (x4) ;
let x5 = (faux || vrai);
console.log (x5) ;
soit x6 = (2 == "2");
console.log (x6) ;
soit x7 = (2 "2");
console.log (x7) ;
let x8 = (null indéfini);
console.log (x8) ;
soit x9 = (0 == "");
console.log (x9) ;
soit x10 = (100 > 12);
console.log (x10) ;

Sortir:

vrai
faux
vrai
faux
vrai
vrai
faux
faux
vrai
vrai

Vous pouvez convertir une valeur de tout autre type de données en un type de données booléen en utilisant le Booléen() fonction.

// Chaînes
console.log (booléen(''));
console.log (booléen('abc'));
console.log (Booléen('123'));
// Nombres
console.log (booléen (0));
console.log (booléen (1));
console.log (booléen(-1));
console.log (booléen (NaN));
console.log (booléen (infini));
// Autres
console.log (Booléen([1, 2, 3]));
console.log (booléen (non défini));
console.log (booléen (null));

Sortir:

faux
vrai
vrai
faux
vrai
vrai
faux
vrai
vrai
faux
faux

4. Type de données de chaîne en JavaScript

Une chaîne est une séquence de zéro ou plusieurs caractères. Les chaînes en JavaScript sont immuables et sont principalement utilisées pour représenter des données textuelles. L'indexation des chaînes commence à partir de 0, c'est-à-dire que le premier élément est à l'index 0, le second à 1, et ainsi de suite.

Les chaînes doivent être entourées de guillemets. Vous pouvez utiliser l'un des trois types de guillemets pour créer une chaîne: guillemets simples, guillemets doubles ou backticks.

Les guillemets simples et doubles font pratiquement la même chose, mais une chaîne qui commence par un guillemet double doit se terminer par un guillemet double. La même règle s'applique également au guillemet simple.

laissez str1 = "Salut" ;
laissez str2 = 'Salut';
let str3 = "Comment vas-tu ?";
// Utilisation de \ pour échapper le guillemet simple (')
let str4 = 'Comment allez-vous ?';

Les backticks sont des littéraux de modèle et fournissent des fonctionnalités étendues. Vous pouvez incorporer des variables, des expressions et même des appels de fonction dans la chaîne.

// Incorporation de variable dans une chaîne
let x = "Bonjour" ;
let str1 = `${x}, comment vas-tu ?`;
console.log (str1) ;
// Incorporation d'expression dans une chaîne
let str2 = `La somme de 20 + 30 est: ${20 + 30}` ;
console.log (str2) ;
// Incorporation d'appel de fonction dans une chaîne
fonction calculerSomme (a, b) {
retourner a + b;
}
let str3 = `La somme de 20 + 30 est: ${calculateSum (20, 30)}` ;
console.log (str3) ;

Sortir:

Bonjour, comment vas-tu ?
La somme de 20 + 30 est: 50
La somme de 20 + 30 est: 50

JavaScript fournit également plusieurs méthodes String pour manipuler des chaînes.

5. Type de données nul en JavaScript

Le type de données null n'a qu'une seule valeur: nul. Il représente l'absence intentionnelle de toute valeur d'objet.

soit n = nul ;

De nombreux programmeurs confondent null et undefined. C'est difficile à comprendre la différence entre null et undefined en JavaScript.

6. Type de données non défini en JavaScript

Le type non défini est un type spécial qui signifie « la valeur n'est pas attribuée ». Lorsque vous déclarez une variable mais que vous ne l'initialisez pas, une valeur indéfinie est affectée à la variable.

soit x ;
console.log (type de (x));

Sortir:

indéfini

Vous pouvez explicitement affecter undefined à une variable, mais il est fortement recommandé de l'éviter.

En rapport: Méthodes d'ensemble JavaScript que vous devez maîtriser aujourd'hui

7. Type de données de symbole en JavaScript

Un Symbole est une valeur primitive unique et immuable. Il est principalement utilisé pour créer des identifiants uniques pour les objets.

Vous pouvez créer un symbole en utilisant le Symbole() fonction. Il accepte également une description facultative (nom), mais uniquement à des fins de débogage.

let sym1 = Symbole();
let sym2 = Symbol("données");

Les Symbole() La fonction crée une nouvelle valeur unique à chaque fois qu'elle est appelée, même si vous créez des symboles avec la même description, les valeurs seraient différentes.

console.log (Symbole() == Symbole());
console.log (Symbole("données") == Symbole("données"));

Sortir:

faux
faux

En rapport: Méthodes de cartographie JavaScript que vous devez maîtriser aujourd'hui

8. Type de données d'objet en JavaScript

En JavaScript, les objets sont des collections de paires clé-valeur, où la clé est une chaîne et la valeur peut être n'importe quel type de données.

Vous pouvez créer un objet vide en JavaScript en utilisant la syntaxe "constructeur d'objet" (nouvel objet()) ou la syntaxe "object literal" (accolades {...}).

let obj1 = new Object();
laissez obj2 = {} ;

Chaque objet contient une liste facultative de propriétés, où une propriété est une paire clé/valeur. Vous pouvez accéder aux valeurs de l'objet en utilisant une notation par points ou une notation de type tableau (crochets).

laissez obj = {
"clé1": "valeur1",
"key2": "value2"
}
console.log (obj.key1) ;
console.log (obj["key2"]);

Sortir:

valeur1
valeur2

Comment fonctionne JavaScript ?

JavaScript est l'un des langages de programmation les plus populaires sur le Web aujourd'hui. Vous pouvez utiliser JavaScript pour créer des sites Web, des applications Web, des applications serveur, des jeux, des applications mobiles, etc. Autant dire que vous pouvez faire presque tout ce que vous pouvez imaginer avec JavaScript.

Mais savez-vous comment JavaScript fonctionne sous le capot?

Qu'est-ce que JavaScript et comment ça marche ?

Si vous apprenez le développement Web, voici ce que vous devez savoir sur JavaScript et son fonctionnement avec HTML et CSS.

Lire la suite

A propos de l'auteur